{"id":100777,"date":"2025-02-21T04:16:22","date_gmt":"2025-02-21T04:16:22","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/google-tag-manager-and-jquery\/"},"modified":"2025-02-21T04:16:22","modified_gmt":"2025-02-21T04:16:22","slug":"google-tag-manager-and-jquery","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=100777","title":{"rendered":"Google Tag Manager And jQuery"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p>The <a href=\"https:\/\/jquery.com\/\">jQuery<\/a> JavaScript library is by almost any means of counting the <a href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery\">most popular JavaScript library<\/a> used in websites around the world. It\u2019s so influential, in fact, that its evolution is tightly bound to the JavaScript standardization effort itself, and it\u2019s an integral part of the <a href=\"https:\/\/js.foundation\/\">JS Foundation\u2019s<\/a> efforts to build a community for JavaScript developers.<\/p>\n<div style=\"aspect-ratio: 2424 \/ 506;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-google-tag-manager.jpg\" title=\"jQuery and Google Tag Manager\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"506\" width=\"2424\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-google-tag-manager.jpg#ZgotmplZ\" alt=\"jQuery and Google Tag Manager\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p><a href=\"https:\/\/tagmanager.google.com\/\">Google Tag Manager<\/a>, similarly, is the most <a href=\"https:\/\/trends.builtwith.com\/widgets\/Google-Tag-Manager\">popular tag management system<\/a> used in websites, globally. Thus, by way of weak correlation, it makes sense to expect some synergy between the two.<\/p>\n<p>In this article, I want to explore the relationship between the two tools. Both serve a similar purpose &#8211; abstraction and facilitation of <em>doing stuff<\/em> with JavaScript on a web page. I also want to dispel a myth about Google Tag Manager bundling jQuery natively, and I want to explore when it might make sense <strong>not<\/strong> to use jQuery.<\/p>\n<p>                <span class=\"simmer\"><br \/>\n  <span class=\"close\">X<\/span><\/p>\n<p>\n    <span class=\"fa fa-md fa-bell\"\/><br \/>\n    <strong>The Simmer Newsletter<\/strong>\n  <\/p>\n<p>\n    Subscribe to the <a href=\"https:\/\/www.simoahava.com\/newsletter\/\">Simmer newsletter<\/a> to get the latest news and content from Simo Ahava into your email inbox!\n  <\/p>\n<p>  <\/span><\/p>\n<h2 id=\"no-google-tag-manager-does-not-come-bundled-with-the-jquery-library\">No, Google Tag Manager does not come bundled with the jQuery library<\/h2>\n<p>Some people have peeked into the depths of the <code>gtm.js<\/code> library downloaded by the browser when the <a href=\"https:\/\/www.simoahava.com\/analytics\/container-snippet-gtm-secrets-revealed\/\">container snippet<\/a> is executed. This library contains the GTM container in all its glory. Within the minified, obfuscated JavaScript code, sharp eyes can find the following comment:<\/p>\n<div style=\"aspect-ratio: 1080 \/ 182;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-licence.jpg\" title=\"jQuery licence\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"182\" width=\"1080\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-licence.jpg#ZgotmplZ\" alt=\"jQuery licence\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>This comment might tempt you to think that GTM bundles the full jQuery library within the container JavaScript.<\/p>\n<p>It doesn\u2019t.<\/p>\n<p>The comment is there because Google Tag Manager uses one method that is heavily inspired by a similar functionality in the jQuery library. You can find the source of this in the <a href=\"https:\/\/github.com\/google\/data-layer-helper\/blob\/master\/src\/plain\/is_plain_object.js\">data-layer-helper<\/a> GitHub project, where the <code>is_plain_object.js<\/code> contains the explanation for why there is a licence notice like this:<\/p>\n<div style=\"aspect-ratio: 1756 \/ 534;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/datalayer-helper.jpg\" title=\"Data Layer Helper\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"534\" width=\"1756\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/datalayer-helper.jpg#ZgotmplZ\" alt=\"Data Layer Helper\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>By the way, the <strong>data-layer-helper<\/strong> project is a great way to get acquainted with how GTM\u2019s <a href=\"https:\/\/www.simoahava.com\/analytics\/google-tag-manager-data-model\/\">internal data model<\/a> works!<\/p>\n<h2 id=\"check-if-jquery-is-already-running\">Check if jQuery is already running<\/h2>\n<p>Chances are, your site is already running jQuery. You can test this by opening the <strong>JavaScript console<\/strong> in your <a href=\"https:\/\/www.wpadm.com\/faq\/what-is-developer-console-and-how-to-open-it-in-different-browsers\/\">favorite web browser<\/a>. Once the console is open, type in the following text and press enter:<\/p>\n<div class=\"highlight\">\n<pre style=\"background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4\"><code class=\"language-javascript\" data-lang=\"javascript\"><span style=\"color:#00a\">typeof<\/span> <span style=\"color:#0aa\">window<\/span>.jQuery !== <span style=\"color:#a50\">'undefined'<\/span> ? console.log(<span style=\"color:#0aa\">window<\/span>.jQuery.fn.jquery) : <span style=\"color:#a50\">'jQuery not found!'<\/span>\n<\/code><\/pre>\n<\/div>\n<p>If your site is running jQuery, you\u2019ll see the version number output into the console. If your site is <strong>not<\/strong> running jQuery, you\u2019ll see the text: <code>jQuery not found!<\/code>.<\/p>\n<div style=\"aspect-ratio: 1522 \/ 282;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-found.jpg\" title=\"jQuery found\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"282\" width=\"1522\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-found.jpg#ZgotmplZ\" alt=\"jQuery found\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If jQuery was found, you can <strong>tentatively<\/strong> use it in your Custom HTML tags and your Custom JavaScript variables.<\/p>\n<p>However, jQuery is (or at least should be) loaded <em>asynchronously<\/em>, which means there might be a race condition where you try to call its methods using GTM before the jQuery library has actually loaded. Thus, whenever you want to use jQuery, you should hedge it with some safeguards.<\/p>\n<h2 id=\"use-jquery-safely\">Use jQuery safely<\/h2>\n<p>Basically, if you want to use jQuery, you should always check if it has been initialized with something like this:<\/p>\n<div class=\"highlight\">\n<pre style=\"background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4\"><code class=\"language-javascript\" data-lang=\"javascript\"><span style=\"color:#00a\">if<\/span> (<span style=\"color:#00a\">typeof<\/span> <span style=\"color:#0aa\">window<\/span>.jQuery !== <span style=\"color:#a50\">'undefined'<\/span>) {\n  <span style=\"color:#aaa;font-style:italic\">\/\/ Do something with jQuery\n<\/span><span style=\"color:#aaa;font-style:italic\"\/>} <span style=\"color:#00a\">else<\/span> {\n  <span style=\"color:#aaa;font-style:italic\">\/\/ Fallback in case jQuery hasn't been loaded\n<\/span><span style=\"color:#aaa;font-style:italic\"\/>}\n<\/code><\/pre>\n<\/div>\n<p>If jQuery is found, you can use it at will, and if it isn\u2019t found, the <code>else<\/code> block is the fallback you\u2019ll use in such cases. Here\u2019s an example:<\/p>\n<div class=\"highlight\">\n<pre style=\"background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4\"><code class=\"language-javascript\" data-lang=\"javascript\"><span style=\"color:#00a\">function<\/span>() {\n  <span style=\"color:#00a\">var<\/span> el = {{Click Element}};\n  <span style=\"color:#00a\">if<\/span> (<span style=\"color:#00a\">typeof<\/span> <span style=\"color:#0aa\">window<\/span>.jQuery !== <span style=\"color:#a50\">'undefined'<\/span>) {\n    <span style=\"color:#00a\">return<\/span> <span style=\"color:#0aa\">window<\/span>.jQuery(el).find(<span style=\"color:#a50\">'h1'<\/span>).text();\n  } <span style=\"color:#00a\">else<\/span> {\n    <span style=\"color:#00a\">return<\/span> el.querySelector(<span style=\"color:#a50\">'h1'<\/span>).textContent;\n  }\n}\n<\/code><\/pre>\n<\/div>\n<p>The code in the <code>if<\/code> block and the code in the <code>else<\/code> block are <em>essentially<\/em> the same, though jQuery has some benefits, such as making sure that <code>text()<\/code> returns the text content regardless of browser type and version.<\/p>\n<h2 id=\"load-jquery-using-google-tag-manager\">Load jQuery using Google Tag Manager<\/h2>\n<p>If jQuery isn\u2019t used by your site, and you still want to leverage it, you can always load it in a Custom HTML tag.<\/p>\n<blockquote>\n<p>First, <strong>discuss this with your developers<\/strong>. jQuery can introduce quite a bit of bloat into the page, and the developers might have had a good reason not to use jQuery at all. It\u2019s possible they use another library that has the same functionality.<\/p>\n<\/blockquote>\n<p>The best way to load jQuery is to use a Custom HTML tag in a <a href=\"https:\/\/www.simoahava.com\/analytics\/understanding-tag-sequencing-in-google-tag-manager\/\">tag sequence<\/a> with whatever tag(s) you have that might need to use jQuery.<\/p>\n<p>Let\u2019s start with what the Custom HTML tag looks like:<\/p>\n<div class=\"highlight\">\n<pre style=\"background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4\"><code class=\"language-html\" data-lang=\"html\">script&gt;\n  (<span style=\"color:#00a\">function<\/span>() {\n    <span style=\"color:#00a\">var<\/span> el = <span style=\"color:#0aa\">document<\/span>.createElement(<span style=\"color:#a50\">'script'<\/span>);\n    el.src = <span style=\"color:#a50\">'https:\/\/code.jquery.com\/jquery-3.3.1.min.js'<\/span>;\n    el.async = <span style=\"color:#00a\">true<\/span>;\n    el.addEventListener(<span style=\"color:#a50\">'load'<\/span>, <span style=\"color:#00a\">function<\/span>() { <span style=\"color:#0aa\">window<\/span>.google_tag_manager[{{Container ID}}].onHtmlSuccess({{HTML ID}})});\n    el.addEventListener(<span style=\"color:#a50\">'error'<\/span>, <span style=\"color:#00a\">function<\/span>() { <span style=\"color:#0aa\">window<\/span>.google_tag_manager[{{Container ID}}].onHtmlFailure({{HTML ID}})});\n    <span style=\"color:#0aa\">document<\/span>.head.appendChild(el);\n  })();\n<span style=\"color:#1e90ff;font-weight:bold\">script<\/span>&gt;<\/code><\/pre>\n<\/div>\n<p>You\u2019ll need to enable the <strong>Container ID<\/strong> and <strong>HTML ID<\/strong> <a href=\"https:\/\/www.simoahava.com\/analytics\/variable-guide-google-tag-manager\/#built-in-variables\">built-in variables<\/a> for this. Do <strong>not<\/strong> add any triggers to this tag.<\/p>\n<p>Basically, you create an asynchronous <code><script\/><\/code> load request for the jQuery library from jQuery\u2019s own CDN (content distribution network). Because it\u2019s asynchronous, you also add a <code>load<\/code> listener, which fires when the library has loaded successfully, and an <code>error<\/code> listener, which fires if the library failed to load due to an error.<\/p>\n<p>It\u2019s not perfect, since sometimes just because the library loaded doesn\u2019t mean it managed to execute correctly (if there are conflicts in the page\u2019s global namespace, for example), and an error isn\u2019t always thrown if the library fails to load.<\/p>\n<p>Once you\u2019ve created that Custom HTML tag, scroll down to its <strong>Advanced settings<\/strong>, and set its <strong>Tag firing options<\/strong> to <strong>Once per page<\/strong>.<\/p>\n<div style=\"aspect-ratio: 1310 \/ 604;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/once-per-page.jpg\" title=\"Once per page\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"604\" width=\"1310\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/once-per-page.jpg#ZgotmplZ\" alt=\"Once per page\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>This is because regardless of how many tag sequences it\u2019s in, you only want to load the jQuery library once per page.<\/p>\n<p>Next, you need to open every tag that needs jQuery, scroll down to <em>their<\/em> <strong>Advanced settings<\/strong>, and add the jQuery loader as a <strong>setup<\/strong> tag in the sequence:<\/p>\n<div style=\"aspect-ratio: 1172 \/ 352;\" class=\"figure nocaption\">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-loader-sequence.jpg\" title=\"jQuery loader in sequence\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"352\" width=\"1172\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/jquery-loader-sequence.jpg#ZgotmplZ\" alt=\"jQuery loader in sequence\"\/><\/p>\n<p>    <\/a><\/p>\n<\/div>\n<p>If you want to block the tag from running in case jQuery <strong>did not<\/strong> load, you can check the \u201cDon\u2019t fire <code>tag<\/code> if <code>setup_tag<\/code> fails or is paused\u201d. But this is a bit drastic. Instead, you might want to simply see the tip in the previous chapter to run a fallback in case jQuery is not found.<\/p>\n<p>I want to repeat what I wrote above: <strong>discuss with your developers first<\/strong>. jQuery isn\u2019t big, but it\u2019s still bloat if you only need it for a handful of things. Which leads me to the next point.<\/p>\n<h2 id=\"you-dont-always-have-to-use-jquery\">You don\u2019t always have to use jQuery<\/h2>\n<p>Check out this wonderful website: <a href=\"http:\/\/youmightnotneedjquery.com\/\">You Might Not Need jQuery<\/a>. It\u2019s a service that helps you rewrite jQuery methods using vanilla JavaScript.<\/p>\n<p>If you find yourself only needing jQuery for a handful of things, it might be better to just use native JavaScript methods rather than load an entire library to perform simple tasks.<\/p>\n<div style=\"aspect-ratio: 2406 \/ 582;\" class=\"figure \">\n<p>    <a href=\"https:\/\/www.simoahava.com\/images\/2019\/02\/youmightnotneedjquery.jpg\" title=\"How to write an HTTP POST request with and without jQuery\"><\/p>\n<p>    <img decoding=\"async\" class=\"fig-img\" height=\"582\" width=\"2406\" loading=\"lazy\" src=\"https:\/\/www.simoahava.com\/images\/2019\/02\/youmightnotneedjquery.jpg#ZgotmplZ\" alt=\"How to write an HTTP POST request with and without jQuery\"\/><\/p>\n<p>    <\/a><\/p>\n<p>    <span class=\"caption\">How to write an HTTP POST request with and without jQuery<\/span><\/p>\n<\/div>\n<p>Here are my own, personal rules of thumb:<\/p>\n<ol>\n<li>\n<p><strong>If the site already loads the jQuery library<\/strong>, use it at will. Just make sure to avoid race conditions if jQuery is loaded asynchronously (as it should).<\/p>\n<\/li>\n<li>\n<p><strong>If the site is not running jQuery<\/strong>, look at the complexity of the tasks you want to do. If you only need to do simple DOM traversal or trivial HTTP requests, look into using native JavaScript rather than loading the library.<\/p>\n<\/li>\n<li>\n<p><strong>If you must load jQuery<\/strong>, use a <strong>recent, minified<\/strong> version of the library. Load it <strong>asynchronously<\/strong>, and use <strong>tag sequencing<\/strong> to ensure the dependency has loaded before it is used by the main tag.<\/p>\n<\/li>\n<\/ol>\n<h2 id=\"summary\">Summary<\/h2>\n<p>jQuery is a great tool in web development. There\u2019s a reason it\u2019s the most popular JavaScript library on the web.<\/p>\n<p>However, native JavaScript is spectacularly useful, too, even if you might have type in some extra characters compared to jQuery\u2019s helper methods.<\/p>\n<p>I\u2019ve always tried to avoid using jQuery or, really, any helper library because I think it\u2019s important to understand how the underlying JavaScript engine in the browser works. If you always use jQuery, you\u2019ll easily ignore things like the nuances of browser support, performance optimization, and how to write good, readable code in general.<\/p>\n<p>Similar to Google Tag Manager, jQuery is a great tool, but you have to <strong>earn<\/strong> the right to use it by understanding how it works on the web page. Ignorance to what jQuery actually does can lead to catastrophic results, when you write business critical code in your tags, relying on an outdated version of jQuery, or using methods that totally kill performance.<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The jQuery JavaScript library is by almost any means of counting the most popular JavaScript library used in websites around the world. It\u2019s so influential, in fact, that its evolution is tightly bound to the JavaScript standardization effort itself, and it\u2019s an integral part of the JS Foundation\u2019s efforts to build a community for JavaScript [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":100778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[1531,46880,14495,1791],"dealstore":[],"offerexpiration":[],"class_list":["post-100777","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-google","tag-jquery","tag-manager","tag-tag"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google Tag Manager And jQuery - 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=100777\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Tag Manager And jQuery - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"The jQuery JavaScript library is by almost any means of counting the most popular JavaScript library used in websites around the world. It\u2019s so influential, in fact, that its evolution is tightly bound to the JavaScript standardization effort itself, and it\u2019s an integral part of the JS Foundation\u2019s efforts to build a community for JavaScript [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=100777\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-21T04:16:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2424\" \/>\n\t<meta property=\"og:image:height\" content=\"506\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=100777#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Google Tag Manager And jQuery\",\"datePublished\":\"2025-02-21T04:16:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777\"},\"wordCount\":1303,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg\",\"keywords\":[\"Google\",\"jQuery\",\"Manager\",\"TAG\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=100777#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=100777\",\"url\":\"https:\/\/fivemor.com\/?p=100777\",\"name\":\"Google Tag Manager And jQuery - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg\",\"datePublished\":\"2025-02-21T04:16:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=100777#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=100777\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=100777#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg\",\"width\":2424,\"height\":506},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=100777#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Tag Manager And jQuery\"}]},{\"@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":"Google Tag Manager And jQuery - 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=100777","og_locale":"en_US","og_type":"article","og_title":"Google Tag Manager And jQuery - Som2ny Network","og_description":"The jQuery JavaScript library is by almost any means of counting the most popular JavaScript library used in websites around the world. It\u2019s so influential, in fact, that its evolution is tightly bound to the JavaScript standardization effort itself, and it\u2019s an integral part of the JS Foundation\u2019s efforts to build a community for JavaScript [&hellip;]","og_url":"https:\/\/fivemor.com\/?p=100777","og_site_name":"Som2ny Network","article_published_time":"2025-02-21T04:16:22+00:00","og_image":[{"width":2424,"height":506,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=100777#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=100777"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Google Tag Manager And jQuery","datePublished":"2025-02-21T04:16:22+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=100777"},"wordCount":1303,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=100777#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg","keywords":["Google","jQuery","Manager","TAG"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=100777#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=100777","url":"https:\/\/fivemor.com\/?p=100777","name":"Google Tag Manager And jQuery - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=100777#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=100777#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg","datePublished":"2025-02-21T04:16:22+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=100777#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=100777"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=100777#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/jquery-google-tag-manager.jpg","width":2424,"height":506},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=100777#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Google Tag Manager And jQuery"}]},{"@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\/100777","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=100777"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/100777\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/100778"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=100777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=100777"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=100777"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=100777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}