Adsterra adalah salah satu periklanan yang menawarkan pemasangan iklan video baik berada di awal di tengah ataupun di akhir dari video tersebut cara pemasangan iklan VAST dari adsterra cukup mudah anda bisa mengikuti 9 langkah berikut untuk memasang kode Iklan VAST dari adsterra di blogger.com.
- Pastikan website anda sudah di approve oleh Adsterra, apabila anda belum di approve maka Daftarkanlah dahulu di website adsterra
- Klik pada ad unit tambahkan vast
- Tunggu hingga disetujui maka anda bisa mengcopy kode iklan tersebut’
- Buka https://www.fluidplayer.com/ untuk menempel kode tersebut dan mengcopynya kembali untuk ditempel atau dipasang di website anda
- Pada website fluidplayer.com Scroll ke bawah hingga menemukan settingan video
- Klik pada advertising
- Centang pada pre-roll ads dan tambahkan kode iklan video dari adsterra di sana
- Otomatis kode tersimpan dan anda bisa mengcopy kode tersebut klik copy kode
- Buka blogspot Anda atau blogger Anda kemudian paste kode yang anda simpan tadi ke dalam html anda, Anda bisa menaruhnya pada setiap postingan ataupun secara otomatis di halaman website sehingga setiap pengunjung yang membuka halaman website anda terdapat video yang berisikan iklan pre roll dari adsterra
Pada kode di bawah anda bisa merubah pada yang berwarna kuning di mana anda bisa merubah pada bagian sumber video kode iklan dan thumbnail video dengan website di fluidplayer.com Anda diberi kemudahan untuk mengubah thumbnail video ataupun settingan video yang Anda tak ingin pasang di website anda.
Anda juga bisa mengganti kodenya pada bagian vast tag sesuai dengan kode yang anda peroleh (saya beri warna kuning), adapun Untuk mengganti file videonya maka di source src sama dengan “itu anda ganti dengan video Anda yang anda peroleh dari Google Drive ataupun media penyimpanan yang lain, sebagai berikut
Link sebelum di edit
https://drive.google.com/file/d/1JN1sBzJovD-4TzLXwnQbg4hnDGttAhAK/view?usp=sharing
Link sesudah di edit
https://drive.google.com/uc?export=download&id=1JN1sBzJovD-4TzLXwnQbg4hnDGttAhAK
Adapun untuk membuat thumbnail video, maka anda bisa merubah pada poster image dengan thumbnail video yang sudah anda buat, caranya anda bisa menguploadnya di blogger kemudian anda simpan file gambarnya dan paste kodenya ke poster image
<script src=”https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js”></script>
<video id=”video-id”><source src=”kode video dari google drive atau yang lain” type=”video/mp4″ />
<script>
var myFP = fluidPlayer(
‘video-id’, {
“layoutControls”: {
“controlBar”: {
“autoHideTimeout”: 3,
“animated”: true,
“autoHide”: true
},
“htmlOnPauseBlock”: {
“html”: null,
“height”: null,
“width”: null
},
“autoPlay”: false,
“mute”: true,
“allowTheatre”: true,
“playPauseAnimation”: false,
“playbackRateEnabled”: true,
“allowDownload”: false,
“playButtonShowing”: true,
“fillToContainer”: false,
“posterImage”: “kode file png untuk thumbnail“
},
“vastOptions”: {
“adList”: [
{
“roll”: “preRoll”,
“vastTag”: “kode VAST dari Adsterra paste di sini”,
“adText”: “”
}
],
“adCTAText”: false,
“adCTATextPosition”: “”
}
});
</script>
Demikian cara memasang vast atau iklan video dari astera di website yang di hosting pada blogger.com, Apabila anda mempunyai pertanyaan silahkan tulis melalui kolom komentar di bawah
