Sorry, I'll elaborate. Like I said, first time posting here (and thanks so much for the responses).
We embedded the code below into one of Marketo's Guided Landing Pages, which now lives in our Templates folder in Design Studio.
I used that template, which now includes the embedded YouTube video, to create my landing page and then I added copy, etc.
To track this, I'm creating a Smart List in the same program where my approved landing page lives and using "Visited Web Page" as my filter. For "Web Page IS" I've tried everything from the page as its named in the program -- LP 2018-04-17 Dean McGee Phreesia Films.01 Dean McGee The Gift of Sight.html -- to the page as it displays in the URL - http://connect.phreesia.com/LP-2018-04-17-Dean-McGee-Phreesia-Films_01-Dean-McGee-The-Gift-of-Sight.... -- with no success. And I'm using the Querystring constraint of "Querystring CONTAINS started."
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
document.getElementsByTagName('head')[0].appendChild(tag);
//Change 'iiqxcjxJ5Us' to video needed
var player, videoId = 'iiqxcjxJ5Us';
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: videoId,
events: {
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerStateChange(event) {
switch( event.data ) {
//Send video started event to Marketo
case YT.PlayerState.PLAYING: Munchkin.munchkinFunction('visitWebPage', {
url: '/video/'+videoId
, params: 'video=started'
}
);
break;
//Send video finished event to Marketo
case YT.PlayerState.ENDED: Munchkin.munchkinFunction('visitWebPage', {
url: '/video/'+videoId
, params: 'video=finished'
}
);
break;
}
}
</script>
.png)