IMA SDK kullanılırken iki ayrı video oynatıcı bulunur:
video oynatıcı ve reklam oynatıcı. SDK, reklamla yer paylaşımını otomatik olarak yönetiyor
içerik video oynatıcısının üzerine kuruludur. Sonuç olarak,
video oynatıcı doğrudan çalışmıyor. Geçici çözümlerden biri, reklamı gösterip gizlemektir.
kapsayıcıyı etkilemez, ancak bu SDK işlevselliğini etkileyebilir. Daha iyi bir çözüm
her iki oynatıcıyı da ebeveyn div içine yerleştirin ve buna etkinlik işleyiciler ekleyin.
Bu kılavuzda bunu nasıl yapacağınız gösterilmektedir.
Ön koşullar
- IMA HTML5 SDK entegre HTML5 video oynatıcı. Google Hesabınız yoksa Başlangıç kılavuzumuza göz atın.
HTML'nizi değiştirin
Öncelikle, her ikisini de sarmalayan bir div eklemek için HTML'nizi değiştirmeniz gerekir.
reklam oynatıcı ve içerik video oynatıcısı. Başlangıç kılavuzunda bu zaten mevcuttur
sizin için mainContainer ile tamamlandı:
... <div id="mainContainer"> <div id="content"> <video id="contentElement"> <source src="https://storage.googleapis.com/gvabox/media/samples/stock.mp4"> </video> </div> <div id="adContainer"></div> </div> ...
JavaScript'inize etkinlik işleyiciler ekleme
Daha sonra, JavaScript kodunuza etkinlik işleyicileri ekleyin. Örneğin,
Videoyu tıklayan kullanıcı sayısı. Örneğin, ads.js:
...
function init() {
videoContent = document.getElementById('contentElement');
mainContainer = document.getElementById('mainContainer');
mainContainer.addEventListener('click', function() { alert('I was clicked!');});
...
}
...
İşte bu kadar. Videoyu tıklayabilir ve ne olursa olsun pop-up'ın reklam tıklamalarının işe yarayıp yaramadığı
Deneyin
Çalışan bir uygulamayı aşağıda görebilirsiniz.