Munchkin Tracking Clicks but Not Webpage Visits

Tyron_Pretorius
Level 4

Munchkin Tracking Clicks but Not Webpage Visits

Hello,

 

We are using asynchronous munchkin tracking on our external site Telnyx.com using Google Tag Manager. The initial page view is being tracked but subsequent page views are not being sent to Marketo. However, "Clicked linked on Webpage" activities are registered as I navigate the site.

 

N.B. I have read the discussion posts about why GTM should not be used for applying munchkin tracking but for our application, we are willing to accept the small percentage chance of losing a few visits.

 

Selection_017.png

 

I believe the issue is because our site uses React to transition between webpages and there is no new page load event (see image below). I can get the Munchkin code to fire on the history events but these result in "Clicked Link on Web Page" events instead of the desired visit web page. 

 

Does anyone have suggestions for how we can correctly get web page visits for our site? e.g. by modifying munchkin code etc

 

Selection_018.png

 

Tyron Pretorius
7 REPLIES 7
Oz_Platero
Level 6

Re: Munchkin Tracking Clicks but Not Webpage Visits

Hello @Tyron_Pretorius ,


Have you tried to set up a custom event trigger in GTM?
Example someone clicks a button on a page to navigate to somewhere else.
https://support.google.com/tagmanager/answer/7679219?hl=en

 

thank you

Tags (1)
SanfordWhiteman
Level 10 - Community Moderator

Re: Munchkin Tracking Clicks but Not Webpage Visits

If you're already capturing the history state changes, then just fire a Munchkin visit as opposed to a click:

Munchkin.munchkinFunction("visitWebPage");

 

Also, firing (synchronous) clickLink click events for same-page clicks is bad for performance. Should definitely be using visitWebPage even for things that feel like clicks.

Tyron_Pretorius
Level 4

Re: Munchkin Tracking Clicks but Not Webpage Visits

Hi Sanford,

 

On history state changes, this is the munchkin code that is firing. There are no references to clicks link or visits webpage. How should this code be modified?Selection_044.png

 

<script type="text/javascript">
(function() {
var didInit = false;
function initMunchkin() {
if(didInit === false) {
didInit = true;
Munchkin.init('###-XXX-###');
}
}
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src='//munchkin.marketo.net/munchkin.js';
s.onreadystatechange = function() {
if (this.readyState == 'complete' || this.readyState == 'loaded') {
initMunchkin();
}
};
s.onload = initMunchkin;
document.getElementsByTagName('head')[0].appendChild(s);
})();
</script>

 

 

Tyron Pretorius
SanfordWhiteman
Level 10 - Community Moderator

Re: Munchkin Tracking Clicks but Not Webpage Visits


On history state changes, this is the munchkin code that is firing.


According to your screenshot, that's the Munchkin embed code (i.e. injecting scripts and logging the initial pageview) and it's runing on the Initial Pageview only. Not on history changes.

Tyron_Pretorius
Level 4

Re: Munchkin Tracking Clicks but Not Webpage Visits

We removed the history state changes trigger because it was sending the incorrect click events. Here is what it looked like before to produce the behavior I screenshotted in the activity log. It is the same code I pasted above that will fire for either trigger. Do you know what changes need to be made to the code to transform the click events to the correct visit web page events?

 

Selection_017.png

Selection_053.pngSelection_052.pngSelection_051.png

Tyron Pretorius
SanfordWhiteman
Level 10 - Community Moderator

Re: Munchkin Tracking Clicks but Not Webpage Visits

You need to call

Munchkin.munchkinFunction("visitWebPage", {
  url : document.location.pathname + document.location.hash,
  params : document.location.search.substring(1)
});

 

when the hash changes.

Tyron_Pretorius
Level 4

Re: Munchkin Tracking Clicks but Not Webpage Visits

Huge shoutout to @SanfordWhiteman for his help on this.

 

In order to replace the click link events with visit web page events the following code needs to be placed in a tag within GTM that fires on a "Page View" trigger.

 

I am happy to help with the GTM integration if anyone has questions on this.

 

 

<script type="text/javascript">
(function(){

Array.from(document.links)
.filter(function(link){
  return link.hostname == "example.com"; // your same-origin links only
})
.forEach(function(link){

  // turn off default Click Link
  link.className += " mchNoDecorate";                                                                                                           
  // turn on custom Visit Web Page
  link.addEventListener("click", syntheticVisitWebPage);                                                                                                     
});

function syntheticVisitWebPage(e){
  Munchkin.munchkinFunction("visitWebPage", {
    url : this.protocol + "//" + this.hostname + this.pathname + this.hash,
    params : this.search.substring(1)
  });
}

})();
</script> 

 

 

Tyron Pretorius