HTML banner gereksinimleri

Bir ZIP, bir giriş sayfası, beyan edilmiş bir boyut ve ihtiyaç duyduğu her şey içinde. Bu sayfanın geri kalanı bunlardan biri eksik olduğunda ne olduğunu anlatır.

Ne yüklersiniz#

Tek bir .zip. İçinde en az bir .html dosyası — tek zorunlu gereksinim budur ve bu dosya olmayan bir arşiv bu mesajla reddedilir. Yüklemenin kendisi 512 MB ile sınırlıdır; önce karşılaşacağınız sınır kendi depolamanızdır ve bu, arşivin değil açılmış hâlinin boyutuna göre sayılır; yani açıldığında bir gigabayta genişleyen küçük bir ZIP açıldıktan sonra reddedilir ve kotanızdan hiçbir şey düşülmez.

Hangi sayfa başlar#

Arşivin en üst düzeyinde bir index.html varsa o. Yoksa platform en üst düzeydeki herhangi bir sayfayı, sonra daha derindeki bir index.html dosyasını, sonra herhangi bir sayfayı arar — en küçüğünü tercih ederek; bu neredeyse her zaman bir bileşen değil giriş sayfasıdır. Yalnızca başka bir sayfayı çerçeveleyen bir sarmalayıcı sayfa, çerçevelediği sayfaya kadar izlenir; bir Adobe Animate dışa aktarımı böyle görünür.

Not

__MACOSX klasörleri ve ._ dosyaları yok sayılır; bu yüzden Mac’te bir klasöre sağ tıklanarak yapılan bir ZIP olduğu gibi çalışır. Onları temizlemeniz gerekmez.

Boyutu beyan edin#

Tasarım boyutunu sayfaya yazın; böylece bir ekran banner’ı bozmadan büyütebilir. Önce standart meta etiketi okunur:

Giriş sayfanızın head bölümünde

<meta name="ad.size" content="width=1080,height=1920">

Bu yoksa platform bir <canvas> öğesinin boyutlarına ya da bir Animate dışa aktarımının kendi beyanına başvurur. Bunların hiçbiri yoksa banner’ın tasarım boyutu yoktur ve oynatıldığı bölgeyi dolduracak şekilde uzatılır — 300×250’lik bir kreatifin dikey bir ekrana yayılması böyle olur.

Her şey arşivin içinde#

Harici URL yok. Bir ekran bağlantı olmadan yedi gün kendi diskinden oynatmaya devam eder ve yalnızca ZIP içinde gelen şeyi önbelleğe alabilir — internetten getirilen bir yazı tipi, betik ya da görsel, banner’ınızın tam da oynatıcının var olma nedeni olan durumda boş kalan kısmıdır. Yazı tipleri, kütüphaneler ve görseller göreli yollarla başvurularak kreatifle birlikte taşınır.

Kreatifler bir sandbox içinde çalışır. Betikler ve animasyonlar normal çalışır. Üç şey tasarım gereği çalışmaz ve bunlara dayanan bir banner yalnızca ekranda bozuk görünür:

Depolama yok. localStorage ve çerezler kullanılamaz ve dokunulduğunda hata fırlatır. Bir banner oynatmalar arasında hiçbir şey hatırlayamaz ve bunu denememelidir.
Gezinme ve açılır pencere yok. window.open ve oynatıcıyı başka bir yere götürme girişimleri engellenir. Bir ekranın geri düğmesi, ona basacak biri de yoktur.
Form yok. Ekrandaki hiçbir şey yoldan geçen biri tarafından doldurulmaz.

Ne kadar süre oynatılır#

Banner değil, oynatma listesi karar verir. Bir kreatife oynatma listesinde kendisi için belirlenen saniye verilir ve animasyonu nerede olursa olsun ardından yerine başkası geçer — bu yüzden bir banner döngüye girmeli ya da bakmaya değer bir son karede durmalıdır. Bir banner’ın daha fazla süre istemek için gönderebileceği bir sinyal yoktur.

Göndermeden önce#

Giriş sayfasını açılmış klasörden, çevrimdışı, ağ kapalıyken açın. Gördüğünüz, bir ekranın gördüğüdür.
Etiketteki boyutun tasarladığınız boyutla eşleştiğini kontrol edin.
Oynatma listesindeki alanın üç katı süre çalışmasına izin verin ve son kareyi izleyin.
Dışarı giden istekleri arayın: tarayıcı geliştirici araçları, ağ sekmesi, ve dış bir sunucuya hiçbir şey gitmemeli.

Burada oynayan ama ekranda oynamayan bir banner

Neredeyse her zaman iki şeyden biridir: internetten bir şey getiriyordur ya da depolamaya dayanıyordur. İkisi de dizüstü bilgisayarınızda çalışır, ama üstelik çevrimdışı olabilecek bir ekranın sandbox’ında hiçbiri çalışmaz.