Munchkin code for a Single Page Application website | Community
Skip to main content
A
Anonymous
July 27, 2016
Question

Munchkin code for a Single Page Application website

  • July 27, 2016
  • 1 reply
  • 2026 views

Our company has launched a new website and community and we have the munchkin code on each page.

We have one section of our community where we have a Single Page Application with dynamic content, so if the user clicks on a link, the page does not reload, just the content in that section.

we would like to be able to track each link/load of the dynamic content for this page.

Has anyone experience something like this previously using the Munchkin code?

Thanks

Nick

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
July 27, 2016

Munchkin will automatically detect hrefs that begin with # and ignore them.

If you want in-page clicks to be tracked, set the <a href> to, for example, "/current/page/#hash" and use JS to override the default action (you already are using JS-based navigation if you have a SPA, to be sure).  That's the easiest way to automatically track clicks on links that do not unload the page.

If you can't change the hrefs so they are automatically picked up, you can manually call 

Munchkin.munchkinFunction('clickLink', { href:"/whatever/you/want/to/log" } )

when you start/finish loading dynamic content.

Note: it's more efficient to manually call munchkinFunction('visitWebPage') but if you want to show literal Clicked Link activities in Marketo, you will need to stick with clickLink. Alternately, you can switch clickLink to async mode.  The problem is then that you are guaranteed to lose hits when the lead does switch pages. My Munchkin Enhanced library can help a bit with that, though it is not a cure-all.

    Terms & ConditionsAccessibility statement

    Loading footer...