Tracking mp3 file plays on Marketo Landing Page

[Sarah_McConnell]

Hi all,

I have an mp3 podcast file embedded on my landing page using an audio script:

audio controls>

<source src="https://go.synack.com/rs/738-OEX-476/images/Synack Podcast - Executive Lunch - RSA 2019 - Episode 1 with Intro.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio>

I thought I would be able to track when someone plays the podcast using a link click (tracking the mp3 link) but that doesn't work. Does anyone know of anyway to track if someone clicks play on that mp3 file?

[SanfordWhiteman]

I have an mp3 podcast file embedded on my landing page using an audio script:

<audio> tag actually, not a script. There's no JS in your example.

In fact you need this JS:

document.querySelector("audio").addEventListener("play",function(e){
  Munchkin.munchkinFunction("clickLink",{
    href : this.src
  });
});

[Sarah_McConnell]

Thanks for the response, I am still new to this! So the proper way to have this set up would be:

1. document.querySelector("audio").addEventListener("play",function(e){
2. Munchkin.munchkinFunction("clickLink",{
3. href : https://go.synack.com/rs/738-OEX-476/images/Synack Podcast - Executive Lunch - RSA 2019 - Episode 1 with Intro.mp3
4. });
5. });

?

[SanfordWhiteman]

Er, no... use the exact code I provided (wrapped in a <script> of course).

[Sarah_McConnell]

Ok so I am adding the JS you provided wrapped in <script> on my landing page. Does it need to go in the header, or can it go in the body? Do I need to replace the "href: this.src" with anything? Seems like there needs to be a link or a source there? Additionally, now that this is on the LP, how can I utilize this JS to track who is clicking to play? Is it utilizing the "clicklink" munchkin function? Thanks in advance for your help!

[SanfordWhiteman]

Doesn't matter where you put it.

Do I need to replace the "href: this.src" with anything?

No. The source URL is picked up automatically.

Additionally, now that this is on the LP, how can I utilize this JS to track who is clicking to play? Is it utilizing the "clicklink" munchkin function?

Same way you would track any Clicks Link activity on a page. The code just extends Clicks Link to account for more types of clickable elements.

[Sarah_McConnell]

Thank you!

When I added the script to the page, it added a CDATA to the script:

<center><audio controls="controls">

<source src="https://go.synack.com/rs/738-OEX-476/images/Synack Podcast - Executive Lunch - RSA 2019 - Episode 1 with Intro.mp3" type="audio/mpeg" />

Your browser does not support the audio element.

</audio></center>

<script>// <![CDATA[

document.querySelector("audio").addEventListener("play",function(e){

Munchkin.munchkinFunction("clickLink",{

href : this.src

});

});

// ]]></script>

Am I missing an element that should be there?

[SanfordWhiteman]

The editor adds CDATA because of an ancient tradition. It's useless -- but harmless -- in modern browsers.

[Sarah_McConnell]

Thank you! I have all this in place, however, when I run a smart list of anyone who visited that page and clicked any link, I am still getting 0 people. I have tested it and clicked the play button, and when I go to my activity log, it isn't showing any link click?

[SanfordWhiteman]

Please supply your URL.