To be able to tag your users in your CRM or email platform based on how long they watched your video, you'll need to perform a couple of extra steps in ClickFunnels, modifying not only the code on your video page, but also the opt-in one.

Follow the steps below, and you should be good to go!

In Vidalytics

  1. Go to your video settings, create your Video Tag and grab its ID.

The field tag must match identically to what your CRM calls it (e.g. if they call it "contact_id" or "email" you must put that into our system exactly). You may be able to choose from more than one field over there, but it must be unique. The typical ones are email address (only one person can have the same email address) and contract id (or some variation of what your CRM calls contact id).

2. Confirm your changes by clicking the “Publish” button on the top-right corner.

3. Grab your embed code and keep it handy to paste on your video page later.

Opt-in Page in ClickFunnels

Once in ClickFunnels, you'll need to add a piece of code yo your page's footer, but going to the page inside your funnel, clicking on Tracking Code > Footer Code.

Paste this code there:

<script>
window.addEventListener('load', function () {
// Please make sure that input type for email field inside CF is set to "Email Address"
var cfEmail = document.querySelector('input[name="email"]');

if (cfEmail) {
cfEmail.addEventListener('change', function (e) {
localStorage.setItem('vidalytics_cfEmail', e.target.value);
});
}
});
</script>

Click 'Save' and move on to your video page.

Video Page in ClickFunnels

Here is where your video will live, and where your viewers will go after opting into your funnel.

Here is where you'll use the video embed code you grabbed from Vidalytics.

1. Grab the first line of your embed code and paste it into your Video Element.

The first line will be like this (but with your own video embed ID):

<div id="vidalytics_embed_EMBED_CODE_HERE" style="width: 100%; position:relative; padding-top: 56.25%;"></div>

Your video element settings in CF should look like this:

2. Paste the following code in your footer, by going to Tracking Code > Footer Code:

<script type="text/javascript">
var vidalyticsCustomSettings = {
triggers: {
items: {
"EMBED_ID_HERE": { // key must match Video Tag ID
params: {
customField: "Custom Field Value", // key must match Video Tag Field Name
email: localStorage.getItem('vidalytics_cfEmail') || 'Email'
}
}
}
}
}
</script>

<script type="text/javascript">
(function (v, i, d, a, l, y, t, c, s) {
y='_'+d.toLowerCase();c=d+'L';if(!v[d]){v[d]={};}if(!v[c]){v[c]={};}if(!v[y]){v[y]={};}var vl='Loader',vli=v[y][vl],vsl=v[c][vl + 'Script'],vlf=v[c][vl + 'Loaded'],ve='Embed';
if (!vsl){vsl=function(u,cb){
if(t){cb();return;}s=i.createElement("script");s.type="text/javascript";s.async=1;s.src=u;
if(s.readyState){s.onreadystatechange=function(){if(s.readyState==="loaded"||s.readyState=="complete"){s.onreadystatechange=null;vlf=1;cb();}};}else{s.onload=function(){vlf=1;cb();};}
i.getElementsByTagName("head")[0].appendChild(s);
};}
vsl(l+'loader.min.js',function(){if(!vli){var vlc=v[c][vl];vli=new vlc();}vli.loadScript(l+'player.min.js',function(){var vec=v[d][ve];t=new vec();t.run(a, vidalyticsCustomSettings);});});
})(window, document, 'Vidalytics', 'vidalytics_embed_EMBED_CODE_HERE', 'https://fast.vidalytics.com/embeds/USER_ID_HERE/EMBED_CODE_HERE/');
</script>

The first half of the code, up to the first </script> is custom code that is using the email you collected in the previous page to tag the viewer. In this portion, replace TAG_ID_HERE for your own tag ID, which you grabbed earlier in Vidalytics.

The second part of the code is the rest of your video embed code, so, everything below the first line. Here:

So, you can simply copy and paste that into the Footer code section in ClickFunnels.

After you're done setting the code up, save your ClickFunnels page, and you should be good to go!

In order to test

Tags have a mechanism that prevents them from firing twice for the same video in the same session.

This should not affect your viewers, as they will most likely not submit the same opt-in form twice (even with different emails). However, this will most likely be the case when you are testing your funnel.

The correct procedure to test your setup will be:

  1. Make sure that your browser local storage is cleared for your domain before you start testing

  2. Fill in and submit your opt-in form

  3. Unmute your video and watch it up to the point where your tags should fire

  4. Check your CMS Dashboard

  5. Your test email should appear in the correct list, and tagged (usually) within 5 minutes

  6. If you want to test your opt-in form with a new email, please clear your local storage first (back to step 1)

Did this answer your question?