Görsel hikaye anlatımı için açık kaynak reklam biçimi olan Web Hikayeleri'nde özel reklam öğelerini trafiğe eklemek için Ad Manager'ı kullanın. Web Hikayeleri, Google Arama gibi platformlarda veya sahip olup yönettiğiniz mülklerde çalıştırılabilir.
Web Hikayeleri, reklamın Web Hikayesi içeriği arasında tam sayfa olarak göründüğü tek sayfalı Hikaye reklamları destekler.
Web Hikayeleri hakkında daha fazla bilgi:
- Web Hikayeleri'nde reklam yayınlama
- İlk Web Hikayenizi oluşturma
- Hikaye reklam oluşturmak için en iyi uygulamalar
- Web Hikayeleri'nde reklam desteği
Web Hikayeleri için programatik talebi de etkinleştirebilirsiniz.
Web Hikayelerini Yapılandırma
Web Hikayeleri içinde tek sayfalı reklam yayınlamak için <amp-ad> öğelerini kullanamazsınız. Bunun yerine, sayfanızı <amp-story-auto-ads> ile etiketleyin.
Web Hikayeleri'nde özel reklam öğelerini trafiğe ekleme
Web Hikayeleri, yayıncılara ve reklamverenlere Ad Manager'da özel reklam öğeleri içeren resim veya video kullanma olanağı tanır.
- Google Ad Manager'da oturum açın.
- Özel reklam öğesi oluşturun ve "Kod türü" olarak AMP'yi seçin.
- "Kod" kutusuna reklam öğesi kodunuzu girin. Tıklandığında kullanıcıları bir açılış sayfasına yönlendiren CTA düğmesi eklemek için
<meta>etiketlerini ekleyin.amp-sidebarveyaamp-accordiongibi diğer AMP uzantıları, Web Hikayesinde oluşturulmaya devam edebilir ancak tıklanabilir tek öğe CTA düğmeleridir.amp-cta-url: CTA düğmesinin açılış sayfası URL'si. Bağlantı etiketleri desteklenmez. Bunun yerine, tıklama makrosu (%%CLICK_URL_UNESC%%) ve hedef makrosu (%%DEST_URL%%) kullanarak bir değer ekleyin.amp-cta-type: Ön tanımlı bir tercih grubundan yapılandırılması gereken CTA düğmesi türü.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html> - Hedef reklam birimi boyutu olarak 1x1'i seçin.
- Ayrıntıları yapılandırıp Kaydet'i tıklayın.
Ek özellikleri iletme
Oluşturulan <amp-ad> etiketine ek verileri (ör. hedefleme bilgileri) özellik olarak iletmek için Web Hikayesi otomatik reklamlarıyla ilgili geliştirici dokümanlarını okuyarak ad-attributes JSON nesnesi için ek anahtar/değer çiftleri hakkında bilgi alın.
