{"id":5586,"date":"2020-05-28T23:14:30","date_gmt":"2020-05-28T23:14:30","guid":{"rendered":"https:\/\/lamp.ciscoar.com\/?page_id=5586"},"modified":"2020-05-30T00:07:42","modified_gmt":"2020-05-30T00:07:42","slug":"google-tag-manager-preview","status":"publish","type":"page","link":"https:\/\/lamp.ciscoar.com\/?page_id=5586","title":{"rendered":"Google Tag Manager Preview Mode"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n\n\n

Google Tag Manager Preview tool<\/h2>\n\n\n\n

Once your first tag<\/a> is configured and before submitting the changes to be live, you can use the “Preview<\/strong>” tool to verify that your tags are being fired as they are intended.<\/p>\n\n\n\n

Enable GTM preview<\/h2>\n\n\n\n
\"\"<\/a>
Enabling GTM Preview<\/figcaption><\/figure><\/div>\n\n\n\n

GTM Preview is enabled<\/h2>\n\n\n\n

The GTM dashboard will show a quite visible orange section to let you know that the Preview Mode is currently active.<\/p>\n\n\n\n

\"\"<\/a>
Preview is enabled<\/figcaption><\/figure><\/div>\n\n\n\n

Refresh webpage<\/h2>\n\n\n\n

On a different tab open your website, or refresh the page if it is already open (on Google Chrome you can use the key combination Ctrl+F5<\/strong>), refreshing the page will get the Preview tool<\/strong> ready to start using it.<\/p>\n\n\n\n

\"\"<\/a>
Refresh the page to see the GTM preview tool<\/figcaption><\/figure><\/div>\n\n\n\n

GTM Preview tool<\/h2>\n\n\n\n

As you can see in the image below, the GTM Preview tool<\/strong> is just a temporary section automatically uploaded and located at the bottom of the page.<\/p>\n\n\n\n

\"\"<\/a>
Google Tag Manager Preview Tool<\/figcaption><\/figure><\/div>\n\n\n\n

GTM Preview in action<\/h2>\n\n\n\n

Every time you refresh the page GTM will fire the “Page View<\/strong>” tag previously created<\/a>, if you have more tags configured they will appear in the “Tags Fired” section, see image below.<\/p>\n\n\n\n

\"\"<\/a>
Google Tag Manager – fired Tags<\/figcaption><\/figure><\/div>\n\n\n\n

Google Analytics Real Time overview<\/h2>\n\n\n\n

Leave GTM for a moment and move to Google Analytics<\/strong> (GA) or open it in a new tab if necessary, then after selecting the Property go to “Realtime\/Overview” you will be able to see the activity captured in real time, see screenshot below.<\/p>\n\n\n\n

\"\"<\/a>
Google Analytics – Realtime overview<\/figcaption><\/figure><\/div>\n\n\n\n

Leave Preview mode<\/h2>\n\n\n\n

Once you’ve completed your work with the GTM Preview Tool you can leave it just clicking the “Leave Preview Mode” button.<\/p>\n\n\n\n

\"\"<\/a><\/figure><\/div>\n\n\n\n

The image above allows to also see the “Refresh” button, this option is used every time you make a change while working with tags and want to pass them to the tool for testing purposes.<\/p>\n","protected":false},"excerpt":{"rendered":"

Google Tag Manager Preview tool Once your first tag is configured and before submitting the changes to be live, you can use the “Preview” tool to verify that your tags are being fired as they are intended. Enable GTM preview GTM Preview is enabled The GTM dashboard will show a quite visible orange section to … <\/p>\n

Continue reading “Google Tag Manager Preview Mode”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5586","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/pages\/5586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5586"}],"version-history":[{"count":25,"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/pages\/5586\/revisions"}],"predecessor-version":[{"id":5707,"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=\/wp\/v2\/pages\/5586\/revisions\/5707"}],"wp:attachment":[{"href":"https:\/\/lamp.ciscoar.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}