{"id":161988,"date":"2025-03-28T15:49:12","date_gmt":"2025-03-28T15:49:12","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/persist-datalayer-in-google-tag-manager\/"},"modified":"2025-03-28T15:49:12","modified_gmt":"2025-03-28T15:49:12","slug":"persist-datalayer-in-google-tag-manager","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=161988","title":{"rendered":"Persist dataLayer In Google Tag Manager"},"content":{"rendered":"


\n<\/p>\n

\n

(Update 19 November 2018: See this article<\/a> for a more elegant solution.)<\/p>\n

If you know your JavaScript<\/a>, you know that all variables, functions, objects, resources, and data in the document get rewritten with every page load. In other words, every single page refresh builds the page from scratch, and the state of the document before the page refresh is left drifting in the ocean of oblivion.<\/p>\n

Google Tag Manager<\/a>\u2019s dataLayer is also one such entity. It gets rewritten with every page load, so it\u2019s not possible to have a dataLayer variable persist<\/em> from one page to the other without using cookies or, as I\u2019m going to show in this guide, the HTML5 Web Storage API<\/a>. For web analytics, this is a bit of a shame. It forces us to think of things in the scope of a single page, when rarely anything worth mentioning has a lifespan that short.<\/p>\n

Before we begin, take a look<\/a> at what Shay Sharon expertly wrote two years ago about the persistent dataLayer. In his solution, cookies are used to carry the dataLayer across page refreshes. It\u2019s a good patch, and it performs the task admirably. However, the thing with cookies is that they can be deleted (and usually are). Also, the length of the cookie string is limited (though 4KB is still plenty), and there\u2019s always the fact that cookies are resolved with every single page load (since they are part of the document object).<\/p>\n

Data in browser storage, on the other hand, is actually pretty difficult to delete on a granular level, it has a huge quota, and it\u2019s only retrieved and stored on demand. Also, using localStorage<\/code> (more about this soon), you have the data stored indefinitely, so user-level<\/em> storage is very easy to implement.<\/p>\n

(UPDATE<\/strong>: Remember that browser local storage should be treated the same as cookies when observing the cookie laws<\/a> of your country. Thanks to Martijn Visser for pointing this out (he\u2019s from the Netherlands, and they have pretty much the strictest interpretation of the cookie law in place.))<\/p>\n

\n

<\/p>\n

\"Persistent<\/p>\n

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

In this guide, I\u2019ll give you an API of sorts to save, load, replace, and delete items from the local storage. I use a 30 minute expiration for data in localStorage<\/code> to mimic session-length storage.<\/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

Introducing localStorage<\/h2>\n

localStorage<\/code> stores data indefinitely in your browser\u2019s own storage compartment. It has a larger-than-needed size limit (around 5MB), and data is handled more securely than with cookies. Cookies, you see, are written on the document every time you load a page, and this introduces potential security risks.<\/p>\n

Items in localStorage<\/code>, on the other hand, are retrieved only when called. This way all the data you store will be picked up on demand, and all you need to do is make sure your script handles the data correctly (which is what I\u2019ll do for you in this guide).<\/p>\n

In localStorage<\/code>, data is written as key-value pairs, but unlike with dataLayer, both the key and the value need to be of String type. This means that in order to save stuff from dataLayer, which can hold any types of values, to localStorage<\/code>, some object serialization and type conversion needs to take place (Object => String). Similarly, the reverse needs to take place when loading data from localStorage<\/code> and pushing it to dataLayer.<\/p>\n

The Persistent dataLayer API<\/h2>\n

Without further ado, allow me to introduce the Persistent dataLayer API. Copy the following code into a Custom HTML Tag, and read on.<\/p>\n

\n
script>\n  (function<\/span>() {\n    \/\/ Declare some utility variables\n<\/span>    var<\/span> retrievedDL = ''<\/span>,\n        getDL = {},\n        saveDL = {},\n        persistEvent = \/^persist(Save|Replace)\/<\/span>,\n        timeNow = new<\/span> Date<\/span>().getTime(),\n        timeStorage = ''<\/span>,\n        persistTime = 1000<\/span>*60<\/span>*30<\/span>; \/\/ Expiration in milliseconds; set to null to never expire\n<\/span>    \n    \/\/ Only works if browser supports Storage API\n<\/span>    if<\/span>(typeof<\/span>(Storage)!=='undefined'<\/span>) {\n        \n      retrievedDL = localStorage.getItem('persistDL'<\/span>);\n      timeStorage = localStorage.getItem('persistTime'<\/span>);\n      \n      \/\/ Append current dL with objects from storage\n<\/span>      var<\/span> loadDL = function<\/span>() {\n        if<\/span>(retrievedDL) {\n          dataLayer.push(JSON.parse(retrievedDL));\n          \/\/ dataLayer.push({'event': 'DLLoaded'});\n<\/span>        }\n      }\n      \n      \/\/ Save specified object in storage\n<\/span>      var<\/span> storeDL = function<\/span>() {\n        for<\/span> (var<\/span> i = 0<\/span>; i if (persistEvent.test(dataLayer[i].event)) {\n            saveDL = dataLayer[i];\n            delete<\/span> saveDL.event;\n            getDL = JSON.parse(retrievedDL) || {};\n            for<\/span> (var<\/span> key in<\/span> saveDL) {\n              if<\/span> (saveDL.hasOwnProperty(key)) {\n                getDL[key] = saveDL[key];\n              }\n            }\n            localStorage.setItem('persistDL'<\/span>, JSON.stringify(getDL));\n          }\n        }\n      }\n      var<\/span> deleteDL = function<\/span>() {\n        localStorage.removeItem('persistDL'<\/span>);\n      }\n      switch<\/span> ({{event}}) {\n        case<\/span> 'gtm.js'<\/span>:\n          if<\/span> (retrievedDL && timeStorage) {\n            if<\/span> (persistTime && timeNow > Number<\/span>(timeStorage) + persistTime) {\n              deleteDL();\n            } else<\/span> {\n              loadDL();\n            }\n          }\n          break<\/span>;\n        \/\/ Delete dataLayer variables\n<\/span>        case<\/span> 'persistDelete'<\/span>:\n          deleteDL();\n          break<\/span>;\n        \/\/ Replace dataLayer variables\n<\/span>        case<\/span> 'persistReplace'<\/span>:\n          retrievedDL = null<\/span>;\n        \/\/ Save dataLayer variables\n<\/span>        case<\/span> 'persistSave'<\/span>:\n          storeDL();\n          break<\/span>;\n      }\n      \n      localStorage.setItem('persistTime'<\/span>, JSON.stringify(timeNow));\n    }\n  })();\nscript<\/span>><\/code><\/pre>\n<\/div>\n
The tag will need the following firing rule:<\/p>\n
{{event}} matches RegEx ^(gtm.js|persist(Save|Replace|Delete))<\/strong><\/p>\n
Here\u2019s a rundown of how the API works, before I go into the technical stuff:<\/p>\n
    \n
  1. \n
    With every page load<\/strong>, dataLayer variables stored in localStorage<\/code> are retrieved and pushed into dataLayer.<\/p>\n<\/li>\n
  2. \n
    When pushing an object with \u2018event\u2019: \u2018persistSave\u2019<\/strong>, all variables in the same push (e.g. \u2018pageCount\u2019 and \u2018author\u2019 in dataLayer.push({'event': 'persistSave', 'pageCount': '5', 'author': 'Simo-Ahava'});<\/code>) are saved to localStorage<\/code>. If a variable with the same name already exists in localStorage<\/code>, it is updated with the new value.<\/p>\n<\/li>\n
  3. \n
    When pushing an object with \u2018event\u2019: \u2018persistDelete\u2019<\/strong>, all dataLayer variables in localStorage<\/code> are deleted.<\/p>\n<\/li>\n
  4. \n
    When pushing an object with \u2018event\u2019: \u2018persistReplace\u2019<\/strong>, all existing dataLayer variables in localstorage<\/code> are deleted, and all variables in the dataLayer.push()<\/code> are saved.<\/p>\n<\/li>\n<\/ol>\n
    So remember the following commands:<\/p>\n
    dataLayer.push({'var1': 'value1', 'var2': 'value2', **'event': 'persistSave'**});<\/code> stores \u2018var1\u2019 and \u2018var2\u2019 (with values) to localStorage<\/code>.<\/p>\n
    dataLayer.push({'var1': 'value1', 'var2': 'value2', **'event': 'persistDelete'**});<\/code> deletes all saved dataLayer variables in localStorage<\/code>; doesn\u2019t store anything.<\/p>\n
    dataLayer.push({'var1': 'value1', 'var2': 'value2', **'event': 'persistReplace'**});<\/code> deletes all saved dataLayer variables in localStorage<\/code>; stores \u2018var1\u2019 and \u2018var2\u2019 (with values) to localStorage.<\/p>\n
    A few additional details:<\/p>\n
      \n
    • \n
      With every page load, variables are loaded from localStorage<\/code> and pushed to dataLayer. Even though the tag itself fires on {{event}} equals gtm.js<\/strong>, there\u2019s a slight delay when processing data through the Storage API. This means that usually the variables appear in dataLayer after gtm.dom<\/strong> but before gtm.load<\/strong>.<\/p>\n<\/li>\n
    • \n
      Every interaction with localStorage<\/code>, resets the 30 minute expiration timer. If a page load occurs so that the last interaction was over 30 minutes ago, all saved dataLayer variables in localStorage<\/code> are deleted.<\/p>\n<\/li>\n
    • \n
      Before saving the data, dataLayer variables are serialized into a String. When loading from localStorage<\/code>, they are parsed from JSON back to their original types. Thus Arrays, objects, and primitive values are restored to their original types before pushed back into dataLayer.<\/p>\n<\/li>\n<\/ul>\n
      Technical stuff<\/h2>\n
      Let\u2019s go over the code (almost) line-by-line.<\/p>\n
      The function is wrapped in an IIFE (immediately invoked function expression). This is because I want to avoid using the global scope when utilizing so many different variables. Scoping the variables to this function ensures that I don\u2019t mess with global variables of some other library, for example.<\/p>\n
      \n
      var<\/span> retrievedDL = ''<\/span>,\ngetDL = {},\nsaveDL = {},\npersistEvent = \/^persist(Save|Replace)\/<\/span>,\ntimeNow = new<\/span> Date<\/span>().getTime(),\ntimeStorage = ''<\/span>,\npersistTime = 1000<\/span>*60<\/span>*30<\/span>; \/\/ Expiration in milliseconds; set to null to never expire\n<\/span><\/code><\/pre>\n<\/div>\n
      Here I introduce a bunch of utility variables. If you want to have the storage persist for ever and ever, set persistTime = null;<\/code>.<\/p>\n
      \n
      if<\/span>(typeof<\/span>(Storage)!=='undefined'<\/span>) {\n  retrievedDL = localStorage.getItem('persistDL'<\/span>);\n  timeStorage = localStorage.getItem('persistTime'<\/span>);\n  ...\n}\n<\/code><\/pre>\n<\/div>\n
      Only run the API if the browser supports HTML5 Web Storage. It\u2019s basically only a problem with IE versions older than 8. I saw no reason to provide an alternative for them, since if you\u2019re still using IE7 or older, you deserve a horrible browsing experience.<\/p>\n
      Check Shay Sharon\u2019s excellent post I linked to in the beginning for a cookie-solution to the persistent dataLayer. That should work with your crappy, out-of-date browser.<\/p>\n
      \n
      var<\/span> loadDL = function<\/span>() {\n  if<\/span>(retrievedDL) {\n    dataLayer.push(JSON.parse(retrievedDL));\n    \/\/ dataLayer.push({'event': 'DLLoaded'});\n<\/span>  }\n}\n...\ncase<\/span> 'gtm.js'<\/span>:\n  if<\/span>(retrievedDL && timeStorage) {\n    if<\/span>(persistTime && timeNow > Number<\/span>(timeStorage)+persistTime) {\n      deleteDL();\n    } else<\/span> {\n      loadDL();\n    }\n  }\n  break<\/span>;\n<\/code><\/pre>\n<\/div>\n
      With every page load, parse the dataLayer variables in localStorage<\/code> back to their original types, and push them into dataLayer as a single object. If you want to set a trigger event to fire your tags after the variables have been loaded from localStorage<\/code>, uncomment the line with \u2018event\u2019: \u2018DLLoaded\u2019. This way you can have your dependent tags fire on {{event}} equals DLLoaded<\/strong> to ensure that they have access to the stored variables.<\/p>\n
      Also, if the variables in storage expire (default is 30 minutes since last interaction), no data is loaded and the variables are deleted from localStorage<\/code>. If you\u2019ve set persistTime = null;<\/code>, then there\u2019s no expiration for the data in storage, and the variables are stored until they are manually deleted.<\/p>\n
      When a dataLayer.push();<\/code> is made so that the object that is pushed contains the property \u2018event\u2019: \u2018persistSave\u2019, the function storeDL()<\/code> is run.<\/p>\n
      First, the function removes the \u2018event\u2019 property from the object that was pushed into dataLayer. This is done because you don\u2019t want to store the trigger event itself in localStorage<\/code>. (Another possibility is to just skip the \u2018event\u2019 property when storing properties into localStorage<\/code>.)<\/p>\n
      Next, each property in this dataLayer object is pushed into the object that was found in localStorage<\/code>. Thus, all variables that were already stored are updated with new values, and new variables are appended.<\/p>\n
      Finally, the object, now serialized into a string of keys and values, is stored in localStorage<\/code>, waiting to be loaded with a new page refresh.<\/p>\n
      If the \u2018event\u2019 was \u2018persistReplace\u2019, then this the storeDL()<\/code> is run as well, but all dataLayer variables in storage are replaced with the new variables.<\/p>\n
      \n
      var<\/span> deleteDL = function<\/span>() {\n  localStorage.removeItem('persistDL'<\/span>);\n}\n...\ncase<\/span> 'persistDelete'<\/span>:\n  deleteDL();\n  break<\/span>;\n<\/code><\/pre>\n<\/div>\n
      If the trigger event was \u2018persistDelete\u2019, all dataLayer variables in localStorage<\/code> are deleted.<\/p>\n
      \n
      localStorage.setItem('persistTime'<\/span>, JSON.stringify(timeNow));\n<\/code><\/pre>\n<\/div>\n
      Finally, every time the script is run, the current time is saved as a timestamp in localStorage<\/code>.<\/p>\n
      Conclusions<\/h2>\n
      I\u2019ve noticed that many people have been aching for a persistent dataLayer. I\u2019m pretty sure this post will become obsolete as soon as the GTM team choose to deploy such a feature into the product itself, but until then, this should serve you well.<\/p>\n
      And if nothing else, at least you got to learn about yet another really cool JavaScript API!<\/p>\n
      Do you have suggestions for the API? Or maybe you have a sweet use case for persistent variables that you might want to share with others?<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"
      (Update 19 November 2018: See this article for a more elegant solution.) If you know your JavaScript, you know that all variables, functions, objects, resources, and data in the document get rewritten with every page load. In other words, every single page refresh builds the page from scratch, and the state of the document before […]<\/p>\n","protected":false},"author":1,"featured_media":161989,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[38540,1531,14495,21084,1791],"dealstore":[],"offerexpiration":[],"class_list":["post-161988","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-datalayer","tag-google","tag-manager","tag-persist","tag-tag"],"yoast_head":"\nPersist dataLayer In Google Tag Manager - 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=161988\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Persist dataLayer In Google Tag Manager - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"(Update 19 November 2018: See this article for a more elegant solution.) If you know your JavaScript, you know that all variables, functions, objects, resources, and data in the document get rewritten with every page load. In other words, every single page refresh builds the page from scratch, and the state of the document before […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=161988\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-28T15:49:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=161988#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Persist dataLayer In Google Tag Manager\",\"datePublished\":\"2025-03-28T15:49:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988\"},\"wordCount\":1420,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg\",\"keywords\":[\"dataLayer\",\"Google\",\"Manager\",\"persist\",\"TAG\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=161988#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=161988\",\"url\":\"https:\/\/fivemor.com\/?p=161988\",\"name\":\"Persist dataLayer In Google Tag Manager - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg\",\"datePublished\":\"2025-03-28T15:49:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=161988#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=161988\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=161988#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=161988#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Persist dataLayer In Google Tag Manager\"}]},{\"@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":"Persist dataLayer In Google Tag Manager - 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=161988","og_locale":"en_US","og_type":"article","og_title":"Persist dataLayer In Google Tag Manager - Som2ny Network","og_description":"(Update 19 November 2018: See this article for a more elegant solution.) If you know your JavaScript, you know that all variables, functions, objects, resources, and data in the document get rewritten with every page load. In other words, every single page refresh builds the page from scratch, and the state of the document before […]","og_url":"https:\/\/fivemor.com\/?p=161988","og_site_name":"Som2ny Network","article_published_time":"2025-03-28T15:49:12+00:00","og_image":[{"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=161988#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=161988"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Persist dataLayer In Google Tag Manager","datePublished":"2025-03-28T15:49:12+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=161988"},"wordCount":1420,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=161988#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg","keywords":["dataLayer","Google","Manager","persist","TAG"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=161988#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=161988","url":"https:\/\/fivemor.com\/?p=161988","name":"Persist dataLayer In Google Tag Manager - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=161988#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=161988#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg","datePublished":"2025-03-28T15:49:12+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=161988#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=161988"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=161988#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/03\/persist-datalayer.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=161988#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Persist dataLayer In Google Tag Manager"}]},{"@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\/161988","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=161988"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/161988\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/161989"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=161988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=161988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=161988"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=161988"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=161988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}