- Google Tag Manager:<\/strong> First enable the Google Tag Manager option and Enter the Analytics ID.<\/li><\/ul>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/1-4-1024x494.png\")
<\/figure>\n\n\n\n- Advanced Google Analytics:<\/strong> Enable the Advanced Google Analytics option. As you can see there is a JavaScript editor to add the Analytics code in JSON format.<\/li>
- Change the \u201c<GA_MEASUREMENT_ID>\u201d with your Google Analytics ID.<\/li>
- Enter other tracking code in place of \u201c\/\/ Enter your Advanced Analytics code here\u201d.<\/li><\/ul>\n\n\n\n
Measure events<\/h4>\n\n\n\n
Use
triggers<\/code><\/a> with defined values to measure events in AMP pages. These properties are used in a trigger configuration:<\/p>\n\n\n\nselector<\/code><\/a>: a CSS selector to specify a target element.<\/li>on<\/code>: specifies the type of event.<\/li>vars<\/code>: specify the type of event inevent_name<\/code>, and add additional parameters as necessary.<\/li><\/ul>\n\n\n\nThis example demonstrates how to set up a basic Google Analytics event. Create a trigger called “button<\/strong>” that will fire when an element with an ID value of “the-button<\/strong>” is clicked. This trigger will send an
event_name<\/code> value of “login<\/strong>” and amethod<\/code> value of “Google<\/strong>” to Google Analytics:<\/p>\n\n\n\nExample code:<\/strong><\/p>\n\n\n\n
{\n "vars": {\n "gtag_id": "",\n "config": {\n "": { "groups": "default" }\n }\n },\n "triggers": {\n "button": {\n "selector": "#the-button",\n "on": "click",\n "vars": {\n "event_name": "login",\n "method": "Google"\n }\n }\n }\n }<\/pre><\/div>\n\n\n\nGoogle Analytics Events<\/a> are a category of events specific to Google Analytics that are commonly used to build reports on campaigns. These values can be specified in the vars block with
event_category<\/code>,event_label<\/code>, andvalue<\/code> parameters:\n\n<\/p>\n\n\n\nExample code:<\/strong><\/p>\n\n\n\n
{\n "vars": {\n "gtag_id": "",\n "config": {\n "": { "groups": "default" }\n }\n },\n "triggers": {\n "button": {\n "selector": "#login",\n "on": "click",\n "vars": {\n "event_name": "login",\n "method": "Google"\n }\n }\n }\n }<\/pre><\/div>\n\n\n\nModify parameters<\/h4>\n\n\n\n
To override default Google Analytics parameters or add new parameters, add the desired values to the
parameter<\/code> section of yourconfig<\/code> block. This example overrides the default pageview and event values forpage_title<\/code> andpage_location<\/code>:<\/p>\n\n\n\nExample code:<\/strong><\/p>\n\n\n\n
{\n "vars" : {\n "gtag_id": "",\n "config" : {\n "": {\n "groups": "default",\n "page_title": "Beethoven symphonies",\n "page_location": "https:\/\/www.example.com\/beethoven.html"\n }\n }\n }\n}<\/pre><\/div>\n\n\n\nBefore adding this two variable make sure you need to activate Yoast SEO plugin.<\/a><\/p>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/03\/variable-1.png\")
<\/a><\/figure>\n\n\n\nAfter adding another tracking code, your code should look like this:<\/p>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/03\/variable-2.png\")
<\/a><\/figure>\n\n\n\nIf you want to check Google Analytics Event then you need to follow the below Screenshot.<\/p>\n\n\n\n
You will find this option first log in to Google Analytics<\/strong> -> Reporting<\/strong> -> behavior<\/strong> -> Events<\/strong> -> Here is a list of Events Category<\/strong>.<\/p>\n\n\n\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/4-1-1024x450.png\")
<\/figure>\n\n\n\nThat\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n\n\n\n
<\/p>\n\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
- Advanced Google Analytics:<\/strong> Enable the Advanced Google Analytics option. As you can see there is a JavaScript editor to add the Analytics code in JSON format.<\/li>