Saturday, November 24, 2018

How to Add Google Tag Manager to AMP Blogger Page

    How to Add Google Tag Manager to AMP Blogger Template

    What is Google Tag Manager?

    Google Tag Manager (GTM) is a service for webmaster whose function to track an activity on a website such as clicking the DOM element on website. GTM is very helpful for marketing in analyzing user activities when visiting a website.

    This service integrated with Google Analytics that will really help you, because it is enough to make Tags and Triggers to track business on your Website, without add additional tracking code.

    Add Google Tag Manager to AMP Blogspot

    To add the Google Tag Manager code, you need to create a Container or Google Tag Manager Account.

    Login using your Google account on Google Tag Manager.



    Fill every form available on Create Account interface, in  tab container fill with your blog address without using protocol http/https. 

    In the Tab Where to use container, click AMP.

    After you click the Create button, a code appears that you must add to your Blogger Template

    Before you add the GTM code, you must add  <amp-analytics> element before </head> in your Blogger template.

    <!-- AMP Analytics --><script async='' custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

    Then copy the Google Tag Manager script code that you have obtained, right after  <body>

    <!-- Google Tag Manager -->
    <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-P6Q6DF7&gtm.url=SOURCE_URL" data-credentials="include"></amp-analytics> 

    Yellow marked is your GTM ID. 

    All processes for installing HTML code on your Blogger are complete. Now you can track activities on your Blog AMP by adding tags and triggers.

    Good luck :)