hotwired/turbo support in GTM

railslove · Mar 10, 2021 · 20009ba · 20009ba
1 parent 0a09c94
commit 20009ba
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/lib/rack/tracker/google_tag_manager/template/google_tag_manager_head.erb b/lib/rack/tracker/google_tag_manager/template/google_tag_manager_head.erb
@@ -17,6 +17,13 @@
         <% end %>
         dataLayer.push({'event':'pageView','virtualUrl': url});
       });
+      document.addEventListener('turbo:load', function(event) {
+        var url = event.detail.url;
+        <% if events.any? %>
+          dataLayer.push(<%= events.map(&:write).join(', ') %>);
+        <% end %>
+        dataLayer.push({'event':'pageView','virtualUrl': url});
+      });
     <% end %>
   (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

diff --git a/spec/integration/google_tag_manager_integration_spec.rb b/spec/integration/google_tag_manager_integration_spec.rb
@@ -23,13 +23,14 @@
     expect(page.find("body")).to have_xpath '//body/noscript/iframe[@src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEF"]'
   end
 
-  it "embeds the turbolinks observer if requested" do
+  it "embeds turbolinks and turbo observers if requested" do
     visit '/'
     expect(page.find("head")).to_not have_content "turbolinks:load"
     setup_app(action: :google_tag_manager) do |tracker|
       tracker.handler :google_tag_manager, { container: 'GTM-ABCDEF', turbolinks: true }
     end
     visit '/'
     expect(page.find("head")).to have_content "turbolinks:load"
+    expect(page.find("head")).to have_content "turbo:load"
   end
-end
+end