Personalised Video Cover
How to add a personalised image as video cover for Youtube video embedded on your website
Being able to add a personalised image cover on your Youtube video's can help increase plays, so why not!
In this guide we cover all the steps needed.
1. Create your personalised Image
This is pretty obvious step, but head over to Hyperise and create your video cover image. In the example below we added the 'Video Frame' image, as well as the 'iMac Computer' image (both from the Hyperise Image Library) and then added a website personalisation layer to the iMac screen and Business Name in the title.
Now we have our image we need to jump over to the Hyper-Campaign and grab the website code, from 2.1 of the Hyper-Campaign.
3. Add to your website
4. Secret Sauce
The code example below now needs to be added to your web page, where you want the image/video to be displayed.
<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none' ; document.getElementById('video').src += '?autoplay=1';"> <img src="https://img.hyperise.io/i/wZFevZJff.png" style="cursor:pointer" id="hyperiseImage1" /> </div> <div style="display:none"> <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/KiqkaEPAhtc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div>
Copy the above code, change value (1) highlighted below to your Image template ID and change value (2) to your Youtube video ID.
Once this code is added, when your website visitor clicks the image, it will hide and your video will automatically start to pay...
5. Pulling it all together
To view the example we've created in this guide, visit: https://hyperise.com/personalised-video-cover/
This contains the code from the Hyper-Campaign as well as the "Secret Sauce" code we shared above and that's it nothing more.
This page will now be personalised when we append the utm_hyperef to the url, eg:
(enriching and personalising from an email)
(personalising with data from a Google Sheet, row=5)
(enriching and personalising from an domain)
(enriching and personalising from an website)
(personalising with a business name)
Once any of the above examples have been triggered, a cookie will be set, so subsequent visits just to https://hyperise.com/personalised-video-cover/ will still be personalised.
Additionally we're using reverse IP Company lookup on this page, so businesses visiting who have a fixed IP will also see personalisation automatically from the first visit, without any parameter needed to be appended to the URL.
Did this answer your question?