Adsterra is one of the advertisements that offer video ad placement either at the beginning in the middle or at the end of the video, how to install VAST ads from adsterra is quite easy, you can follow the following 9 steps to install the VAST ad code from adsterra on blogger.com.
- Make sure your website has been approved, if you haven’t been approved, then register first on the Adsterra website
- Click on the ad unit to add vast
- Wait until it is approved then you can copy the ad code
- Go to https://www.fluidplayer.com/ to paste the code and copy it again to paste or install on your website
- On the fluidplayer.com website, scroll down until you find the video settings
- Click on advertising
- Check on pre-roll ads and add the video ad code from adsterra there
- The code is automatically saved and you can copy the code, click copy code
- Open your Blogspot or your blogger then paste the code that you saved earlier into your HTML, you can put it in every post or automatically on website pages so that every visitor who opens your website page has a video containing pre-roll ads from adsterra.
In the code below you can change to the yellow one where you can change the video source section of the ad code and video thumbnail with the website at fluidplayer.com. You are given the convenience of changing video thumbnails or video settings that you don’t want to install on your website.
You can also change the code in the vast tag section according to the code you got (I put it in yellow), as for changing the video file, the source src is the same as “you replace it with the video that you got from Google Drive or other storage media. others, as follows
Link before edit
https://drive.google.com/file/d/1JN1sBzJovD-4TzLXwnQbg4hnDGttAhAK/view?usp=sharing
Links after editing
https://drive.google.com/uc?export=download&id=1JN1sBzJovD-4TzLXwnQbg4hnDGttAhAK
As for making a video thumbnail, then you can change the poster image with the video thumbnail that you have created, the way you can upload it on Blogger is then you save the image file and paste the code into the poster image
<script src=”https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js”></script>
<video id=”video-id”><source src=”video code from google drive or other” type=”video/mp4″ />
<script>
var myFP = fluidPlayer(
‘video-id’, {
“layoutControls”: {
“controlBar”: {
“autoHideTimeout”: 3,
“animated”: true,
“autoHide”: true
},
“htmlOnPauseBlock”: {
“html”: null,
“heights”: null,
“width”: null
},
“autoPlay”: false,
“muted”: true,
“allowTheater”: true,
“playPauseAnimation”: false,
“playbackRateEnabled”: true,
“allowDownload”: false,
“playButtonShowing”: true,
“fillToContainer”: false,
“posterImage”: “code png file for thumbnail”
},
“vastOptions”: {
“adList”: [
{
“roll”: “preRoll”,
“vastTag”: “VAST code from Adsterra paste here“,
“adText”: “”
}
],
“adCTAText”: false,
“adCTATextPosition”: “”
}
});
</script>
That’s how to install vast or video ads from Adsterra on a website hosted on blogger.com. If you have any questions, please write in the comments column below.
