HTML5 reklam öğeleri; JavaScript, HTML ve CSS ile oluşturulup web sayfalarında veya mobil uygulamalarda yayınlanan reklamlardır. Bu reklamlar görüntülü reklam veya rich media reklam olabilir.
- Görüntülü Reklam Ağı: Bir reklamverenin web sitesine gitmek için tıklayabileceğiniz resim reklamlar
- Rich media: Animasyonlar, resim galerileri, oyunlar veya yerleşik videolar gibi etkileşimli öğelere sahip reklamlar
Display & Video 360, görüntülü ve rich media banner'ların doğrudan yüklenmesini destekler. Genişletilebilir veya geçiş reklamı biçimleri dâhil olmak üzere gelişmiş rich media işlevlerine sahip reklam öğeleri kullanmak istiyorsanız Studio'yu kullanın. Studio reklam öğeleri Campaign Manager 360 aracılığıyla trafiğe eklenebilir ve Display & Video 360 hesabınızla senkronize edilebilir.
HTML5 reklam öğeleri, görüntülü satır öğelerine atanabilir.
Desteklenen HTML5 reklam öğesi türleri
Display & Video 360 aşağıdaki HTML5 reklam biçimlerini destekler. Her reklam öğesi türünden örnekler için Rich Media Galerisi'ni ziyaret edin.
Görüntülü
Bir veya daha fazla sabit boyuta ve web sayfasında ya da mobil uygulamada sabit konuma sahip bir HTML5 reklam öğesi.
Desteklenen görüntülü reklam özellikleri:
- Tıklama etiketleri: Tıklama etiketleri, reklamvereninizin açılış sayfasını açan tıklamaları ölçmek için kullanılan bir kod parçasıdır.
- Duyarlı reklam öğeleri: Reklam öğesi ataması sürecini kolaylaştırmak için aynı görüntülü banner'ın birkaç farklı boyutunu tek bir duyarlı reklam öğesi olarak sunabilirsiniz.
Rich media
Rich media; video, işitsel veya başka ilgi çekici unsurlar gibi gelişmiş özelliklere sahip reklamlar için kullanılan bir dijital reklamcılık terimidir. Rich media reklamları, zengin etkileşimleri kaydeden daha fazla metriği destekler ve böylece, kullanıcıların reklamınızla nasıl etkileşim kurduğuna dair daha net bir resim sunar. Örneğin rich media reklamlarında, kullanıcıların reklamınızdaki oyunu kaç kez veya ne kadar süre oynadığını gösteren sayaçlar ve zamanlayıcılar bulunabilir.
Desteklenen rich media özellikleri ve biçimleri:
- Rich media metrikleri: Rich media metrikleriyle tıklamaları, çıkışları, etkileşimleri, video oynatma süresini ve daha fazlasını sayın.
- Banner içi video: İçinde video oynatıcılar bulunan reklamlar. Videolar, veriye dayalı reklam öğeleri hariç tüm rich media biçimlerine dahil edilebilir.
- Tam ekran genişletilebilir: Mobil cihaz ekranını dolduracak şekilde genişletilebilen reklamlar. Örneğin, 3B Helezon reklam öğeleri.
- Veriye dayalı reklam öğeleri: Veriye dayalı reklam öğeleri, mesajlarını farklı müşteri segmentlerine göre kişiselleştirebilir.
- Paralaks reklam öğeleri: Paralaks, resim katmanlarıyla derinlik illüzyonu oluşturmak için rich media reklam öğelerinde kullanabileceğiniz bir animasyon efektidir. Görüntüleyen kullanıcı bir mobil cihazda sayfayı yukarı veya aşağı kaydırdığında ön plan ve arka plan resimleri farklı hızlarda hareket eder.
HTML5 reklam öğesi oluşturma
HTML5 görüntülü banner'ı oluşturma
Google Web Designer
HTML5 düzenleyicisi
Kendi kodunuzu yazmayı tercih ederseniz herhangi bir HTML5 düzenleyicisini kullanarak banner oluşturabilirsiniz.
(gelişmiş) Sıfırdan HTML5 banner oluşturma
<html>,<head>,<title>ve<body>etiketlerini içeren geçerli bir HTML dosyası oluşturun.- Reklam öğenizin amaçlanan boyutunu belirtmek için bir
<meta>etiketi ekleyin:
<meta name="ad.size" content="width=[x],height=[y]"> - Tıklama etiketi ekleme:
-
Bu komut dosyası etiketini ekleyin ve "
https://www.google.com" adresini reklamvereninizin açılış sayfasıyla değiştirin:<script type="text/javascript">
var clickTag = "https://www.google.com";
</script> - Birincil resminizin veya reklam kapsayıcınızın
<div>etiketini, bir<a>etiketiyle sarmalayarak tıklanabilir hâle getirin:<a href="javascript:window.open(window.clickTag)">
<div id="container">
<img src="image.png" />
</div>
</a>
-
Rich media banner'ı oluşturma
Rich media banner'larda Studio'nun Etkinleştiricisi gereklidir. Bu tekniği kullanarak aşağıdaki işlemleri yapabilirsiniz:
Enabler.getUrl()ile videoları ve resimleri güvenli bir şekilde yükleyin.Enabler.exit()ile reklamverenin açılış sayfasını açın. Rich media banner'larda tıklama etiketleri yerine çıkışları kullanın.
Reklam öğesi onaylanmaması nedeniyle oluşabilecek gecikmeleri önlemek için reklam öğenizi oluştururken rich media yönergelerine uyun.
HTML5 .zip dosyasına eklenmesi gerekenler
HTML5 .zip dosyaları 100'e kadar dosya içerebilir ve boyut sınırına tabi değildir. Ancak yayıncı şartlarını karşılamak için .zip dosyanızı mümkün olduğunca küçük tutmaya çalışın.
.zip dosyanızı adlandırma
HTML5 .zip dosyanız için 50 karakterden kısa (".zip" uzantısı dahil) olan bir dosya adı belirleyin. Dosya adınız daha uzun olursa dosyayı yükleyemezsiniz.
Desteklenen dosya türleri
- HTML/Metin: HTML, HTM, CSS, JS
- Resimler: JPG, JPEG, GIF, PNG, SVG
- Yazı tipleri: DFONT, EOT, OTF, TTE, TTF, WOFF, WOFF2
HTML5 .zip dosyalarına dahil edilmesi gerekenler
- HTML dosyası: HTML5 reklam öğenizin birincil öğesi, HTML dosyasıdır. Dosya en az 1 çıkış veya tıklama etiketi içermeli ve iframe'e yüklenebilmelidir. Display & Video 360, iframe olanağını öğelerinizle birlikte sunar.
- Diğer dosyalar: HTML dosyanızda kullanılan resimler, CSS ve JavaScript dosyaları. Rich media reklam öğeleri aşağıdaki dosya türlerini de destekler ancak videoların harici bir sunucuda barındırılması veya reklam öğesinin Studio ile oluşturulması gerekir:
.avi, .mov, .mp4, .m4v, .mpeg, .mpg, .oga, .ogg, .ogv, .webm, .wmv
HTML5 .zip dosyalarına dahil edilmemesi gerekenler
- Daha fazla .zip dosyası: HTML5 .zip dosyanıza başka .zip dosyaları eklemeyin.
- Kullanılmayan dosyalar: Yalnızca HTML dosyası tarafından kullanılan dosyaları ekleyin. Kaynak veya yazma dosyası eklemeyin.
- Yerel depolama veya oturum depolaması: Display & Video 360, yerel depolama veya oturum depolaması kullanan HTML5 öğelerini kabul etmez.
- Yedek resim: HTML5 .zip dosyanıza yedek resim eklemeyin. Yedek resimleri, "Yedek resimler" bölümünde ayrı olarak yükleyin.
- Uzun adlı dosyalar: Video ve ses dosyası adları en fazla 50 tek baytlık karakterden oluşmalıdır. Diğer dosya adları en fazla 200 tek baytlık karakterden oluşmalıdır. (Örneğin, Japonca, Çince ve Korecede çift baytlık karakterler kullanılır. Bu dillerde sınırlar 25 ve 100'dür.)
(İsteğe bağlı) Yedek resimler
Yedek resimler isteğe bağlıdır ve yalnızca reklam öğeleriniz görüntüleyenin tarayıcısı veya platformu tarafından desteklenmediğinde (örneğin, bir kullanıcı Internet Explorer 8 ile tarama yaptığında ve reklam öğeniz CSS animasyonlarını kullandığında) yayınlanır.
Yedek resimleri, reklam öğenizin .zip dosyasından ayrı olarak yükleyin. Yedek resim yüklemezseniz bunun yerine sistem tarafından oluşturulan boş bir resim yayınlanır.
HTML5 reklam öğesi yükleme
Başlamadan önce reklam öğesi öğelerinizi .zip dosyası olarak paketlediğinizden emin olun. HTML5 .zip dosyalarına nelerin dahil edilmesi gerektiği hakkında bilgi
-
Bir reklamvereni açıp soldaki menüden Reklam Öğeleri'ni tıklayın.
-
Sırasıyla Yeni'yi, Yükle'yi ve HTML5 veya resim'i tıklayın.
-
Display & Video 360'ta reklam öğesi için bir ad girin.
-
Reklam öğesi dosyaları eklemek için bilgisayarınızdan bir .zip dosyasını "Dosyayı buraya bırakın" yazan yere bırakın. Alternatif olarak, Göz at'ı tıklayıp bir .zip dosyası seçebilirsiniz.
HTML5 yüklemeniz reddedilirse bu sorun giderme adımlarını uygulayın. -
Reklam öğeniz için bir veya daha fazla yayın boyutu seçin. Display & Video 360, tek boyutlu reklam öğelerini veya birden fazla boyuta sahip duyarlı HTML5 reklam öğelerini destekler.
-
Etkinlikler bölümünde reklam öğesinde algılanan çıkışları inceleyip düzenleyin. Her bir çıkış (veya tıklama etiketi) için
http://ya dahttps://ile başlayan açılış sayfası URL'sini düzenleyebilirsiniz. Raporlama etiketini veya URL'yi düzenlemek için fareyle satırın üzerine gelip Düzenle'yitıklayın.
Not: Reklam öğesi kaydedildikten sonra, güncellenen açılış sayfasının önizlemede veya senkronize edilmiş Campaign Manager 360 reklamvereninizde gösterilmesi birkaç dakikayı bulabilir. -
Reklam öğenizi kaydedin.
Display & Video 360, reklam öğelerinizin çalıştığından emin olmak için bunları manuel ve otomatik olarak inceler. Reklam öğeleri, Google'ın reklam politikalarına ve yayınlanabilecekleri exchange politikalarına uygun olduklarından emin olmak için de kontrol edilir. Reklam öğesi durumu sekmesinden reklam öğelerinizin durumunu kontrol edebilirsiniz.
Gelişmiş ayarlar
Aşağıdaki ayarlar isteğe bağlıdır.
-
Geçiş reklamınız mobil cihazda ekrana sığmazsa Display & Video 360, reklamı sığacak şekilde ölçeklendirir. Ölçeklendirmeyi önlemek için "Cihaz genişliğine sığacak şekilde ölçeklendirme"yi etkinleştirin.
-
Yedek resim ve raporlama etiketi ekleyin. Duyarlı bir reklam öğesi yüklüyorsanız her boyut için bir yedek resim yükleyebilirsiniz.
-
Yükleme bekleme resmi yükleyin. Birincil reklam öğesi dosyalarınız yüklenirken gecikme olduğunda veya ağ bağlantısı yavaşladığında bu resim gösterilir.
- Display & Video 360 reklamvereniniz bir Campaign Manager 360 hesabına bağlıysa bağlı Campaign Manager 360 reklamvereninde rapor almak için bir izleme reklamı ekleyin. Not: Bu seçenek yalnızca rich media, Helezon ve özel veriye dayalı reklam öğeleri için kullanılabilir.
- Yayınlama mülkleri'ni tıklayın.
- Mevcut bir Campaign Manager 360 izleme reklamını arayın. Senkronizasyona zaman tanımak için Display & Video 360'ta reklam öğenizi oluşturmadan önce Campaign Manager 360'ta izleme reklamı oluşturmanız gerekir.
İpucu: Doğru izleme reklamını bulmayı kolaylaştırmak için Campaign Manager 360'ta reklam ve yerleşim başına yalnızca 1 izleme reklamı atayın.
-
İzleme etiketi, entegrasyon kodu veya not eklemek için Ek ayrıntılar'ı tıklayın.
Önizlemeyi paylaşma
Önizleme bağlantısını kullanarak, reklam öğesi önizlemelerini incelemeleri veya onaylamaları için başkalarıyla paylaşabilirsiniz. Bu bağlantıyı paylaştığınız herkes bunu görebilir. Oturum açılmasına gerek yoktur.
Sık Sorulan Sorular
Dosyayı yüklememin ardından reklam öğesi boyutu neden hatalı gösteriliyor?Reklam öğesi yüklemenizi engelleyen yaygın sorunlar şunlardır:
- Dosya adı çok uzun: Çoğu dosya türü için maksimum uzunluk 200 tek baytlık karakter veya 100 çift baytlık karakterdir. Ses ve video dosyaları için maksimum uzunluk 50 tek baytlık karakter veya 25 çift baytlık karakterdir.
- .zip içinde .zip'ler: Sıkıştırılmış .zip dosyasının başka bir .zip dosyasına eklenmesine izin verilmez.
- Reklam öğesinde tıklama yok: Tüm reklam öğeleri, reklamveren açılış sayfasına yönlendiren en az 1 çıkış içermelidir.
- Google Web Designer reklam öğesinin güncellenmesi gerekiyor: Reklam öğeniz Google Web Designer kullanılarak oluşturulmuşsa "Google Web Designer HTML'indeki meta veriler geçersiz" hatasını görebilirsiniz. Bu, reklam öğesinin eski bir Web Designer sürümü ile oluşturulduğunu ve güncellenmesi gerektiğini gösterir. Web Designer'ın en son sürümüne yükseltin, ardından reklam öğesini açıp yeniden yayınlayın.
Daha fazla yardım için Reklam öğesi yükleme sorunlarını giderme bölümüne gidin.