In this article, you will learn how you can setup your own vast adsterra ads in your blogger website.
Follow the steps below
- Upload your Video to Google drive
- Copy The HTML cope Below
<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
<video id="video-id"><source src="https://drive.google.com/uc?export=download&id=1oK7zExzK9FhRW_ffsRRtWPrRH_Zts4C7" type="video/mp4"></source>
<script>
var myFP = fluidPlayer(
'video-id', {
"layoutControls": {
"controlBar": {
"autoHideTimeout": 3,
"animated": true,
"autoHide": false
},
"htmlOnPauseBlock": {
"html": null,
"height": "1920",
"width": "1080"
},
"autoPlay": true,
"mute": true,
"allowTheatre": true,
"playPauseAnimation": true,
"playbackRateEnabled": true,
"allowDownload": true,
"playButtonShowing": true,
"fillToContainer": true,
"posterImage": ""
},
"vastOptions": {
"adList": [
{
"roll": "preRoll",
"vastTag": "https://www.videosprofitnetwork.com/watch.xml?key=8f80dfea841f8af2e7b04391789c7cfe",
"adText": ""
},
{
"roll": "midRoll",
"vastTag": "https://www.videosprofitnetwork.com/watch.xml?key=8f80dfea841f8af2e7b04391789c7cfe",
"adText": ""
},
{
"roll": "postRoll",
"vastTag": "https://www.videosprofitnetwork.com/watch.xml?key=8f80dfea841f8af2e7b04391789c7cfe",
"adText": ""
},
{
"roll": "onPauseRoll",
"vastTag": "https://www.videosprofitnetwork.com/watch.xml?key=8f80dfea841f8af2e7b04391789c7cfe",
"adText": ""
}
],
"adCTAText": false,
"adCTATextPosition": ""
}
});</script></video>
Edit the HTML code above by Coping vast code from your adsterra account
https://www.videosprofitnetwork.com/watch.xml?key=8f80dfea841f8af2e7b04391789c7cfe
Then video Id shown below from the google drive video link.
Then video Id shown below from the google drive video link.
Change the Id into your own video Id and copy the Edited code
https://drive.google.com/file/d/1oK7zExzK9FhRW_ffsRRtWPrRH_Zts4C7/view?usp=sharing
Open the post section on your Blogger dashboard
Turn compose to HTML view then paste the code and publish your post.