How to Integrate SALESmanago with Youtube Player? [Free Template]

We love moving pictures – whether we watch them on TV, laptop, tablet or smartphone. Making instructional, advertising, and product showcasing videos became common thing for both global, big brands, but also smaller local ones. It’s much easier for us, recipients of content, to engage in something colorful and moving, than with static picture or wall of text. Dr. James McQuivey from Forrester says, that one minute of video may equal up to 1.8 million words. It happens because our mirror neurons are not differentiating a video from reality, and when they see paint commercial in which a happy couple is painting walls of their new home, by empathy we also become happy. Another advantage of this medium is much faster processing of content provided in video clip than written down, as much as 60 000 times faster.

Everyone is watching videos. 75% of executives are watching at least one brand video per week, and of those who did enter the webiste of given company, 39% initiated the contact after seeing the video.

Users generally trust videos they see, and marketers know it. Video commercials are responsible for more than 35% of all online spendings! Popularity of videos in mobile channel is also rising – expenses were doubled in years 2013-2014 ($720 millions to $1.5 billion USD) and it’s estimated that in 2018 they will reach as much as $6 billions USD.

You already have the scenario of a hit video in your mind? Great! According to Unbounce putting video on a landing page increases the conversion up to 80%. For most of users (90%), it is incredibly important in decisive process. Is it possible to want more?

I have great news for everyone wanting to efficiently use their worktime! Thanks to the pinch of marketing automation magic and appropriate placing of the video on your website, you can use the interaction to fill in user’s behavioral profile, start the automation rule, and create dynamic content.

SALESmanago platform is able to intercept events related to Youtube player such us:

loading of the player
starting the video
pausing the video
stopping the video altogether

Here’s an instruction on how to integrate our platfrom with Youtube player!

On website you want to embed your video there must be SALESmanago monitoring code.

You also need to embed Youtube video using following parametres:

<iframe id=”player” width=”560″ height=”315″ src=”https://www.youtube.com/embed/0z5qByhbJKw?enablejsapi=1” frameborder=”0″ allowfullscreen></iframe>

Remember of the parameter enablejsapi=1!

Next you initiate appropriate objects in tag <script>:

var tag = document.createElement(‘script’);

tag.src = “https://www.youtube.com/player_api“;

var firstScriptTag = document.getElementsByTagName(‘script’)[0];

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;

     function onYouTubeIframeAPIReady() {

       player = new YT.Player(‘player’, {



         events: {

           ‘onReady’: onPlayerReady,

           ‘onStateChange’: onPlayerStateChange

         }

       });

     }’

Function description:

Function responsible for loading the player:

function onPlayerReady(event) {

smEvent(“video_player_ready”);

}

Function responsible for sending events – player status changes:

    var firstPlay = false;

     function onPlayerStateChange(event) {

       if (event.data == YT.PlayerState.PLAYING) {

if (!firstPlay)

smEvent(“video_started”);

firstPlay = true;

       }

if (event.data = YT.PlayerState.PAUSED) {

smEvent(“video_paused”);

}

if (event.data = YT.PlayerState.ENDED) {

smEvent(“video_ended”);

}

     }

How does it look in the real life? Here’s how such an integration should look like:

<html>

<head>

<body>

<iframe id=”player” width=”560″ height=”315″ src=”https://www.youtube.com/embed/0z5qByhbJKw?enablejsapi=1″ frameborder=”0″ allowfullscreen></iframe>

<script>

var tag = document.createElement(‘script’);

tag.src = “https://www.youtube.com/player_api”;

var firstScriptTag = document.getElementsByTagName(‘script’)[0];

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;

     function onYouTubeIframeAPIReady() {

       player = new YT.Player(‘player’, {



         events: {

           ‘onReady’: onPlayerReady,

           ‘onStateChange’: onPlayerStateChange

         }

       });

     }

function onPlayerReady(event) {

smEvent(“video_player_ready”);

     }

var firstPlay = false;

     function onPlayerStateChange(event) {

       if (event.data == YT.PlayerState.PLAYING) {

if (!firstPlay)

smEvent(“video_started”);

firstPlay = true;

       }

if (event.data = YT.PlayerState.PAUSED) {

smEvent(“video_paused”);

}

if (event.data = YT.PlayerState.ENDED) {

smEvent(“video_ended”);

}

     }



</script>

<script type=”text/javascript”>

//please insert SALESmanago tracking code

   var _smid = “*********”;

   (function() {

     var sm = document.createElement(‘script’); sm.type = ‘text/javascript’; sm.async = true;

     sm.src = (‘https:’ == document.location.protocol ? ‘https://’ : ‘http://’) + ‘www.salesmanago.pl/static/sm.js’;

     var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(sm, s);

   })();

</script>

</body>

</head>

</html>

What’s next?

User-video interaction is the same event for the platform as website visits are. Thanks to this, you are able to use this data to create education cycles about the particular group of products, send dynamic emails recommending further instructions, or… similar or complementary products. If you dream of developed campaign, which includes multiple factors, conditions and scenarios, you must use of our Workflow creator (You’ll find it here). Additionally you can use this information to segment the databases. Use tags system (you can add tags by creating the Workflow process, or by setting up an automation rule).

It is worth to find a place for commercial video in your marketing budget. 64% of users are more willing to making a purchase after seeing a video, and as much as 46% of them is making an action after seeing such commercial! We hope that thanks to our guide you’ll start conquering new territory with newly found enthusiasm.

What are the other guides you’d like to see on our blog?

Statistics source: Insivia