Add Analytics To AMP (Accelerated Mobile Pages) HTML Pages

If your developing AMP pages for your website then adding direct Google Analytics or Other Analytics script code, it will lead to validation errors. As AMP pages don't support javascript.

But don't worry AMP has component called <amp-analytics> tag which can be used to add not only Google Analytics but Other Analytics too.

In this article, I will show you how to integrate with Google Analytics.

---

AMP Google Analytics Code

Basically, to make your Analytics works you need to add the following code

Include AMP Analytics Component

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

Add This Analytics Script At The End Of Body

<amp-analytics type="googleanalytics">
    <script type="application/json">
        {
            "vars": {
                "account": "GOOGLE ANALYTICS ID"
            },
            "triggers": {
                "default pageview": {
                    "on": "visible",
                    "request": "pageview",
                    "vars": {
                        "title": "TITLE OF THE CURRENT PAGE"
                    }
                }
            }
        }
    </script>
</amp-analytics>

Make sure to change the GOOGLE ANALYTICS ID & TITLE OF THE CURRENT PAGE respectively.

The following image shows how Google Analytics ID can be found, make sure to log in to your Google Analytics account.

---

Conclusion

Hope this article helped you. Please share it with your friends.

Articles For You

Install Packages Parallel For Faster Development In Composer

Install NGINX In Linux / Ubuntu And Managing

TRUNCATE vs DELETE In MySQL

Laravel Named Routes

Dependency Dropdowns With Javascript And PHP

Search Engine Optimization Concepts

Multiple GIT Key Pairs Or Account In The Same Computer

Why namespace And use Keywords Used In PHP

Redirect www to a non-www Website Or Vice Versa

Add Google ADS In AMP (Accelerated Mobile Pages) Website

SQLite Doesn't Support Dropping Foreign Keys in Laravel

composer.json v/s composer.lock

Basic Server Security Setup For Ubuntu / Linux

Install RabbitMQ in Ubuntu 22

Laravel Last Executed Query In Plain SQL Statement For Debugging