Thank you! Confirming this works. ... View more

Thanks- I implemented your solution. Since I really only need to get the hidden field ( isagencydynamic) pre-filled to get the is agency visibility rules to work i just used a shortened version below. Would this work? Or should i remove Sanford's code that I had originally put to getvalues? < script > MktoForms2 . whenReady ( function ( form ) { var init_fields = { "Isagencydynamic" : "{{lead.isagency}}" , } } ) ; < / script > < script > MktoForms2 . whenReady ( function ( form ) { form . setValues ( { isAgencyDynamic : form . getValues ( ) . isAgency } ) ; } ) ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ < / script > ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ This code is live on: https://build.amazonalexadev.com/Youtube-Integration_DynamicTest.html  and still not working, so obviously still doing something wrong. Thanks! ... View more

Thanks, I changed it to "is empty". You are absolutely right about radio buttons as the logical choice. What additional workarounds would be necessary? I have form prefilled enabled for both fields, are you saying there is additional JS needed to append the value we have in the database to the hidden field? ... View more

Thank you, I got it to work but still have some questions. 1. Using just the checkbox approach would move the value to true in our Marketo database if it is selected, and false if it is not, correct? The issue with that is when it does show up, I want it to be a required field. So if it shows up with one checkbox, then the person would be required to answer yes and check it..even if they answer for them would be no, right? Is there a way to implement with checkboxes? That way when it is required and does show up, someone can select yes or a no option. 2. I still want this field to show up if someone has not answered the agency question previously ( aka a new lead)..so if there is a null value indicating that the user has not answered yes or no to the agency question previously then they would be showed this question. If they had answered it previously then they would not see it.    - I tested this by using private mode so that my cookies are not tracked, and the form still hid the field. If this would work how i wanted it would show the field to a new user without a cookie indicating they answered this question already. https://build.amazonalexadev.com/Youtube-Integration_DynamicTest.html  For example if this is hidden for you when you click on it, then it is not working how I intended because you would have not answered this previously. Would i change the rules below to "Show" if isagencydynamic is "null"? Let me know if this is possible and or if I am missing another small detail to make this happen. Thank you both! ... View more

Sorry, updated! So it looks like the below..but still isnt working. Is there anything in the page source code that is interfering with the JS? ... View more

Got it, makes sense! So then this visibility rule should then work right, since the js below should be updating the isagencydynamic field to be yes or no? Still for some reason is not working for me. Code I have on page: https://build.amazonalexadev.com/Youtube-Integration_DynamicTest.html  < script > MktoForms2 . whenReady ( function ( form ) { form . setValues ( { isAgencyDynamic : form . getValues ( ) . isAgency } ) ; } ) < / script > ‍ ‍ ‍ ‍ ‍ ‍ ‍ ... View more

Got it, that makes sense. I want to Keep true/false as the stored values to be consistent with what we already have in our database, but yes/no makes more sense for someone filling out the form. Everything is edited to the capitalization requirements ( see below) and the form visibility rules still don't seem to be working. Any other suggestions? Thanks! Values: Visibility Settings: Also tried it with just yes and no instead of true, false. Neither worked. Would it work better if I just said "Show" if isagency dynamic is "null"? That's basically what I am trying to accomplish, just don't know if putting "null" would work, or can i just leave the value blank? ... View more

Thanks! I edited the form, the checkboxes to yes/no values with the stored value being true/false. Are you saying that I should change the visibility rules to yes and no instead of true and false? I tried it that way as well, and it still didn't work. Any other suggestions? Below is what my visibility rules are set at now ( I tried both yes/no value and the true false value, as I wasnt sure if it is looking for the picklist value or the stored value), I have the JS on the page as well. Would it make more sense to just do if isagencydynamic is null then show, rather than the below? ... View more

Thanks! I was using the import alias instead of what was represented as the name in source code. It looks like both fields have the first i lowercase.  I made those adjustments and the form is still not working..Any other suggestions? Thanks! ... View more

Great, thanks. I edited Href to= URL and click link to visit webpage and the code works perfectly. Thanks for all your help on this! ... View more

Sorry I wasn't super clear when I first asked! I want to be able to track the time or percentage of video watched, and then be able to run marketing campaigns off of that.To do that I would need to be able to get a target audience based on a min time/percentage that we set.  Also what do you mean by it is disruptive to other interactive content? Can you explain how the impact would be different then capturing viewing behavior as a website visit? If it is impactful then can i just change the munchkin function to be website visit? The code is working exactly how I wanted ( see below lead record), I even added other links to my page to make sure this didn't mess with general link tracking, and it didn't. However obviously don't want to cause other issues! Do you have an example of Interesting Percent Position implementation? Do i just change it to be similar to the Milestone in the code above ( Line6)? Thanks! ... View more

Thanks! Confirming this works. However i'm noticing that doing it that way makes it extremely hard to scalably track how long people are watching because it seems to only record the percentage if they click or pause the video. So I wouldn't be able to pull a list of people who reached at least 25%, i could only pull people that clicked or paused a video at the 25% mark. Alternatively, I used the below code that I tested out and it works. This watches and waits for a user to hit a certain percentage milestone ( 25%, 50%,75%) or whatever other percentage i define in the "playbackmilestones", as well as the actual time watched. That way I can pull a smart list and find every person who has watched atleast 25% of the video! Putting the code here so other users can see and use as well. < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" > < / script > < div id = "digitalpi-yt-player" data - youtube - id = "YGdk0IMKzTo" data - video - width = "640" data - video - height = "340" > < / div > < script > // Set options var playerEl = "digitalpi-yt-player" , // id attribute of html element to be replaced with iframed video player playbackMilestones = [ 25 , 50 , 75 , 100 ] , // playback percentages, log action when reached showRelatedVideos = 0 , // set to 1 to show suggested videos when the video finishes showControls = 0 , // set to 1 to show player controls showInfo = 0 , // set to 1 to show video title and player actions autoplay = 0 , // set to 1 to begin playing video immediately playerRelHeight = . 5625 // player height relative to width; .5625 for 16:9 aspect ratio; .75 for 4:3 ; // close statement /*********************** DO NOT EDIT BELOW THIS LINE **********************/ // Accepts id (with hashtag) of iframe containing YT player // Set the height of the YouTube player proportionately to width function setPlayerHeight ( playerEl ) { var width = jQuery ( playerEl ) . parent ( ) . width ( ) ; jQuery ( playerEl ) . height ( Math . round ( width * playerRelHeight ) + "px" ) ; } // Returns current time code (minutes:seconds) of video function getTimeCode ( ) { var minutes = Math . floor ( player . getCurrentTime ( ) / 60 ) ; var seconds = Math . round ( player . getCurrentTime ( ) % 60 ) ; if ( minutes < 10 ) minutes = "0" + minutes ; if ( seconds < 10 ) seconds = "0" + seconds ; return minutes + ":" + seconds ; } // Returns current percentage of video that has been played function getPlaybackPercentage ( ) { return Math . round ( 100 * ( player . getCurrentTime ( ) / player . getDuration ( ) ) ) ; } // Returns unique YouTube video ID function getVideoId ( ) { return player . getVideoData ( ) [ 'video_id' ] ; } // Log video playback milestones function logPlaybackMilestones ( ) { // if video is playing... if ( player . getPlayerState ( ) == 1 ) { // then check to see whether we're at a playback milestone for ( i = 0 ; i < playbackMilestones . length ; i ++ ) { // if we are... if ( ! pmAchieved [ i ] && playbackMilestones [ i ] == getPlaybackPercentage ( ) ) { // ...make a note of that... pmAchieved [ i ] = true ; // ...and tell Marketo Munchkin . munchkinFunction ( 'clickLink' , { href : '/munchkinVideoTracker/?video=' + getVideoId ( ) + '&movie-action=achieved-milestone&percent=' + getPlaybackPercentage ( ) + '&time=' + getTimeCode ( ) } ) ; } } // then check again in 1 second setTimeout ( logPlaybackMilestones , 1000 ) ; } } // Retrieves the data-youtube-id attribute value youtubeVideoId = jQuery ( '#' + playerEl ) . data ( "youtube-id" ) ; // Requires a valid youtubeVideoId to run if ( youtubeVideoId && youtubeVideoId != "false" ) { // Track which playback milestones have been achieved var pmAchieved = [ ] ; for ( i = 0 ; i < playbackMilestones . length ; i ++ ) { pmAchieved . push ( false ) ; } // Load YouTube iframe API var tag = document . createElement ( 'script' ) ; tag . src = "https://www.youtube.com/iframe_api" ; var firstScriptTag = document . getElementsByTagName ( 'script' ) [ 0 ] ; firstScriptTag . parentNode . insertBefore ( tag , firstScriptTag ) ; // When the API is ready... function onYouTubeIframeAPIReady ( ) { // ...create YT Player object player = new YT . Player ( playerEl , { width : "100%" , videoId : youtubeVideoId , events : { 'onStateChange' : onPlayerStateChange } } ) ; // Apply options above (by changing iframe src attribute) jQuery ( "#" + playerEl ) . attr ( "src" , jQuery ( "#" + playerEl ) . attr ( "src" ) + "&rel=" + showRelatedVideos + "&controls=" + showControls + "&showinfo=" + showInfo + "&autoplay=" + autoplay ) ; // Initialize player height setPlayerHeight ( "#" + playerEl ) ; // Reset player height whenever browser size changes jQuery ( window ) . on ( 'resize orientationChange' , function ( event ) { setPlayerHeight ( "#" + playerEl ) ; } ) ; } // When user interacts with video, tell Marketo (via Munchkin API) function onPlayerStateChange ( event ) { switch ( event . data ) { // User played video case YT . PlayerState . PLAYING : Munchkin . munchkinFunction ( 'clickLink' , { href : '/munchkinVideoTracker/?video=' + getVideoId ( ) + '&movie-action=pressed-play&percent=' + getPlaybackPercentage ( ) + '&time=' + getTimeCode ( ) } ) ; logPlaybackMilestones ( ) ; break ; // User paused video case YT . PlayerState . PAUSED : Munchkin . munchkinFunction ( 'clickLink' , { href : '/munchkinVideoTracker/?video=' + getVideoId ( ) + '&movie-action=paused&percent=' + getPlaybackPercentage ( ) + '&time=' + getTimeCode ( ) } ) ; break ; // User watched video to end case YT . PlayerState . ENDED : Munchkin . munchkinFunction ( 'clickLink' , { href : '/munchkinVideoTracker/?video=' + getVideoId ( ) + '&movie-action=played-to-end&percent=' + getPlaybackPercentage ( ) + '&time=' + getTimeCode ( ) } ) ; break ; } } } < / script > ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ... View more

I edited that page and I see the JS now showing. The munchkin.init is being added after the template is approved but I only see one so hopefully that inst an issue? Do I embed the video in a normal Iframe now and this code will catch it? Thanks! ... View more

Thanks! Just tried to make a test page with this, and the video wont embed on to the page. I know I must be doing something wrong, but not sure what. The code of the page below has the code above the </body> but the page is blank? Page: https://build.amazonalexadev.com/Youtube-Integration_YoutubeHTML.html  ... View more

Sure, I put it here: Youtube Embed - JSFiddle  I tested this and it works great to see if a video has been watched ( started and finished), just want to get a bit more granular if possible. I created a token for the youtube ID so the this can live in design studio and the program its used with can define what Youtube ID to track. Thanks so much for your quick reply and help! ... View more