{"id":130320,"date":"2025-03-13T08:40:32","date_gmt":"2025-03-13T08:40:32","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/gtmtips-deploy-gtm-in-your-chrome-extension\/"},"modified":"2025-03-13T08:40:32","modified_gmt":"2025-03-13T08:40:32","slug":"gtmtips-deploy-gtm-in-your-chrome-extension","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=130320","title":{"rendered":"#GTMTips: Deploy GTM In Your Chrome Extension"},"content":{"rendered":"


\n<\/p>\n

\n

Have you created a Chrome Extension<\/a>, and now you\u2019re dying to find out how users are interacting with it? Perhaps you want to see what features are (not) being utilized, or perhaps you\u2019re just interested in knowing if people are actually using it.<\/p>\n

In this article, I\u2019ll show you how to configure Google Tag Manager<\/a>, so that it works in the restricted sandbox of the Chrome Extension. You\u2019ll need to make some tweaks, but it\u2019s still perfectly doable.<\/p>\n

This article was inspired by Mike Pantoliano\u2019s question<\/a> in the Google Tag Manager Google+ community. Thanks Mike!<\/p>\n


\n X<\/span><\/p>\n

\n
\n The Simmer Newsletter<\/strong>\n <\/p>\n

\n Subscribe to the Simmer newsletter<\/a> to get the latest news and content from Simo Ahava into your email inbox!\n <\/p>\n

<\/span><\/p>\n

Tip 47: How to make Google Tag Manager work in a Chrome Extension<\/h2>\n
\n

<\/p>\n

\"Add<\/p>\n

<\/a><\/p>\n<\/div>\n

This solution requires that your extension have a pop-up page<\/strong>. In other words, the extension needs to have actual HTML that the browser renders when you activate it.<\/p>\n

1. Deploy the Google Tag Manager container<\/h3>\n

The first thing you\u2019ll need to do is create a new JavaScript file. You can do it with any text editor. Within the file, add the following code:<\/p>\n

\n
(function<\/span>(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start'<\/span>:\nnew<\/span> Date<\/span>().getTime(),event:'gtm.js'<\/span>});var<\/span> f=d.getElementsByTagName(s)[0<\/span>],\nj=d.createElement(s),dl=l!='dataLayer'<\/span>?'&l='<\/span>+l:''<\/span>;j.async=true<\/span>;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='<\/span>+i+dl;f.parentNode.insertBefore(j,f);\n})(window<\/span>,document<\/span>,'script'<\/span>,'dataLayer'<\/span>,'GTM-XXXXX'<\/span>);\n<\/code><\/pre>\n<\/div>\n
You probably recognize this as the JavaScript part of the regular Google Tag Manager container snippet.<\/p>\n
There are two things you\u2019ll need to modify in this script.<\/p>\n
First, you need to explicitly load the gtm.js<\/em> library using the HTTPS protocol. You can see this change in the line that has j.src=\"https:\/\/www.googletagmanager...\"<\/code>. So, the first thing to do is make sure you explicitly type https:<\/code> in its rightful place, instead of the default relative protocol the snippet uses.<\/p>\n
The second thing you need to do is change the GTM-XXXXX<\/code> to match the container you will be using. Regular GTM stuff.<\/p>\n
Once you\u2019re done, save the file as gtm.js<\/strong> and store it in the extension folder.<\/p>\n
2. Load the file in your pop-up HTML<\/h3>\n
Next, open the HTML file where your pop-up is loaded. Add the gtm.js<\/strong> file you just created as a reference, and place it in . Why? Because it doesn\u2019t make sense<\/a> to load asynchronous libraries anywhere else but in  especially since you don\u2019t need to worry about stuff like Search Console verification.<\/p>\n
\n
head>\n  ...\n  script type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"popup.js\"<\/span>>script<\/span>>\n  script type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"gtm.js\"<\/span>>script<\/span>>\nhead<\/span>>\nbody>\n  noscript>\n    iframe src<\/span>=\"\/\/www.googletagmanager.com\/ns.html?id=GTM-W92WQQ\"<\/span> height<\/span>=\"0\"<\/span> width<\/span>=\"0\"<\/span> style<\/span>=\"display:none;visibility:hidden\"<\/span>>iframe<\/span>>\n  noscript<\/span>>\n  ...<\/code><\/pre>\n<\/div>\n
If you really want, you can keep the <\/code> block which loads GTM for JavaScript-less users, but again I\u2019m struggling to figure out a use case where you\u2019d want to fire some pixels when people are using your Chrome Extension.<\/p>\n
This change in the markup simply executes the JavaScript in the file gtm.js<\/strong>, which means that when this HTML is rendered by the browser, the Google Tag Manager library is also loaded in the extension.<\/p>\n
3. Modify manifest.json<\/h3>\n
Next, you need to add a Content Security Policy<\/strong> to your extension\u2019s manifest.json<\/em> file. Basically, you\u2019re telling the extension that requests to certain endpoints are OK, and the extension doesn\u2019t need to panic when those requests take place. A Chrome Extension has the potential to do all sorts of vile things, so this level of additional security is definitely warranted.<\/p>\n
In the CSP, you\u2019ll need to tell Chrome that requests to https:\/\/www.google-analytics.com<\/a><\/strong> and https:\/\/www.googletagmanager.com<\/a><\/strong> must be allowed. If you\u2019re firing any Tags to other endpoints, you need to list their hostnames here, too. Just remember that all communications must happen across HTTPS, or your extension will report an error when you try to upload it to your browser.<\/p>\n
\n
{\n  \"manifest_version\"<\/span>: 2<\/span>,\n  \"name\"<\/span>: \"...\"<\/span>,\n  \"version\"<\/span>: \"...\"<\/span>,\n  \"content_security_policy\"<\/span>: \"script-src 'self' https:\/\/www.google-analytics.com https:\/\/www.googletagmanager.com; object-src 'self'\"<\/span>,\n  \"description\"<\/span>: \"...\"<\/span>,\n  ...\n}\n<\/code><\/pre>\n<\/div>\n
Summary<\/h2>\n
I hope this guide was helpful to you! Understanding the full breadth of security that Chrome Extensions implement can be daunting, so perhaps this illuminates some of the peculiarities of working in such a sandboxed environment.<\/p>\n
By following these steps, you should be able to accumulate data in Google Analytics on how users interact with your extension. Remember, though, that the HTML is only rendered when the pop-up is clicked open, and each time the user clicks the pop-up open again, a new pageview is sent. So you can actually use Pageviews as a pretty reliable proxy for extension open rates!<\/p>\n
On an only slightly related note, it came to my mind that it\u2019s impossible to use a Chrome Extension like Ghostery<\/a> to block other extensions (due to the sandbox). So even if the user has blocked Google Analytics and Google Tag Manager from their browser, it wouldn\u2019t apply to the extension. This is something you might want to make clear in the privacy statement of your Chrome Extension!<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Have you created a Chrome Extension, and now you\u2019re dying to find out how users are interacting with it? Perhaps you want to see what features are (not) being utilized, or perhaps you\u2019re just interested in knowing if people are actually using it. In this article, I\u2019ll show you how to configure Google Tag Manager, […]<\/p>\n","protected":false},"author":1,"featured_media":130322,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[1565,20571,8471,32680,14492],"dealstore":[],"offerexpiration":[],"class_list":["post-130320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-chrome","tag-deploy","tag-extension","tag-gtm","tag-gtmtips"],"yoast_head":"\n#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=130320\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"Have you created a Chrome Extension, and now you\u2019re dying to find out how users are interacting with it? Perhaps you want to see what features are (not) being utilized, or perhaps you\u2019re just interested in knowing if people are actually using it. In this article, I\u2019ll show you how to configure Google Tag Manager, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=130320\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T08:40:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=130320#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"#GTMTips: Deploy GTM In Your Chrome Extension\",\"datePublished\":\"2025-03-13T08:40:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320\"},\"wordCount\":988,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg\",\"keywords\":[\"Chrome\",\"Deploy\",\"Extension\",\"GTM\",\"GTMTips\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=130320#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=130320\",\"url\":\"https:\/\/fivemor.com\/?p=130320\",\"name\":\"#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg\",\"datePublished\":\"2025-03-13T08:40:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=130320#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=130320\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=130320#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=130320#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"#GTMTips: Deploy GTM In Your Chrome Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fivemor.com\/?p=130320","og_locale":"en_US","og_type":"article","og_title":"#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network","og_description":"Have you created a Chrome Extension, and now you\u2019re dying to find out how users are interacting with it? Perhaps you want to see what features are (not) being utilized, or perhaps you\u2019re just interested in knowing if people are actually using it. In this article, I\u2019ll show you how to configure Google Tag Manager, […]","og_url":"https:\/\/fivemor.com\/?p=130320","og_site_name":"Som2ny Network","article_published_time":"2025-03-13T08:40:32+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=130320#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=130320"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"#GTMTips: Deploy GTM In Your Chrome Extension","datePublished":"2025-03-13T08:40:32+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=130320"},"wordCount":988,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=130320#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg","keywords":["Chrome","Deploy","Extension","GTM","GTMTips"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=130320#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=130320","url":"https:\/\/fivemor.com\/?p=130320","name":"#GTMTips: Deploy GTM In Your Chrome Extension - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=130320#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=130320#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg","datePublished":"2025-03-13T08:40:32+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=130320#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=130320"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=130320#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/gtm-chrome-extension.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=130320#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"#GTMTips: Deploy GTM In Your Chrome Extension"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/130320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=130320"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/130320\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/130322"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=130320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=130320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=130320"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=130320"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=130320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
4. Modify your GTM Tags<\/h3>\n
Finally, you\u2019ll need to make some necessary modifications to your Google Tag Manager Tags.<\/p>\n
For every Google Analytics Tag firing in the container, you need to make the following change.<\/p>\n
Add checkProtocolTask : false<\/code> to Fields to Set<\/strong><\/p>\n
Scroll down to Fields to Set<\/strong>, and add a new field:<\/p>\n
Field Name: checkProtocolTask<\/strong>
Value: false<\/strong><\/p>\n
Normally, Google Analytics requires that the request to GA originate from either HTTP or HTTPS. If the requests originate from anywhere else, the process is cancelled. By setting the task<\/a> named checkProtocolTask<\/code> to false, we can prevent this check from happening, since the extension uses the custom chrome-extension:\/\/<\/code> protocol.<\/p>\n
Next, in your Page View Tags, make the following change.<\/p>\n
Add a custom page<\/code> to Fields to Set<\/strong><\/p>\n
Scroll down to Fields to Set<\/strong>, and add a new field:<\/p>\n
Field Name: page<\/strong>
Value: \/some-custom-page-path\/<\/strong><\/p>\n
Because the extension page doesn\u2019t have a proper URL (at least in the typical sense), GA can\u2019t decrypt the Document Location parameter for the page path. Page path is a required dimension in all Google Analytics requests, so you\u2019ll need to manually add it to each Tag that fires.<\/p>\n
These two modifications need to be in place for tracking to work. For non-Google-Analytics Tags, you might have to make similar (or additional) modifications to enable them in Chrome Extensions.<\/p>\n
And that\u2019s it!<\/p>\n
We\u2019re using a separate JavaScript file to load the container library, because the use of inline JavaScript is strongly discouraged in Chrome Extensions<\/a> (well, almost universally in fact).<\/p>\n