Reklam kodu uygulama

AMP uyumlu reklam birimi oluşturma

Bu kılavuzda, AMP sayfalarınızda AdSense reklamları göstermek için AMP uyumlu reklam birimlerini nasıl oluşturacağınız gösterilmektedir.

AdSense AMP reklam birimleri duyarlı veya sabit boyutlu olabilir. Duyarlı AMP reklam birimlerini kullanmanız önerilir. Bunun nedenleri aşağıda açıklanmıştır:

  • Duyarlı AMP reklam birimleri, görüntülendikleri cihaz için kendilerini otomatik olarak yeniden boyutlandırır ve kullanıcının ekran genişliğinin tamamını kullanır.
  • Google, reklamların boyutunu sayfalarınızda iyi performans gösterecek biçimde optimize eder.
Tüm AdSense özellikleri (ör. Engelleme kontrolleri, Reklam dengesi, Raporlar vb.) AMP reklamlarını destekler.

Başlamadan önce

AMP reklamı göstermek istediğiniz sayfalarınıza gerekli AMP komut dosyasını eklediğinizden emin olun.

  • Komut dosyasını eklemek için aşağıdaki kodu kopyalayıp AMP HTML'nizin <head></head> etiketleri arasına yapıştırın.

    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

Bu komut dosyası, gerekli amp-ad kitaplıklarını yükler ancak reklamların AMP sayfanızda kendiliğinden gösterilmesine neden olmaz. Reklam göstermek için AMP uyumlu reklam kodunuzu da eklemeniz gerekir. amp-ad bileşeni hakkında daha fazla bilgiyi https://www.ampproject.org/docs/reference/components/amp-ad adresinden edinebilirsiniz.

Duyarlı AMP uyumlu reklam birimi oluşturma

Duyarlı bir AMP reklam birimi oluşturmak şu anda manuel bir işlemdir ve aşağıdaki adımları gerektirir:

  1. AdSense hesabınızda yeni bir duyarlı reklam birimi oluşturun.
  2. 1. adımda oluşturduğunuz duyarlı reklam biriminin reklam kodunda aşağıdaki bilgileri bulun ve not edin:
    • Yayıncı kimliğiniz (data-ad-client); örneğin, ca-pub-1234567891234567.
    • Reklam biriminizin kimliği (data-ad-slot); örneğin, 1234567890.

    Örneği görüntüleyin

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
         style="display:inline-block;width:120px;height:600px"
         data-ad-client="ca-pub-1234567891234567"
         data-ad-slot="1234567890"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  3. AMP reklam kodunu oluşturun
    Aşağıdaki reklam kodunu kopyalayıp data-ad-client ve data-ad-slot değerlerini 2. adımdaki kendi değerlerinizle değiştirin.
    <amp-ad width="100vw" height=320
      type="adsense"
      data-ad-client="ca-pub-1234567891234567"
      data-ad-slot="1234567890"
      data-auto-format="rspv"
      data-full-width>
        <div overflow></div>
    </amp-ad>
    Reklam kodunuzun çalışmamasına neden olabileceğinden, yukarıdaki reklam kodunun başka hiçbir bölümünü değiştirmemeniz önemle tavsiye edilir.
  4. AMP reklam kodunuzu, reklamların gösterilmesini istediğiniz mobil sayfanın HTML kaynak koduna yapıştırın. Hem ekranın üst kısmı hem de ekranın alt kısmı yerleşimlerinin kabul edilebilir reklam yerleşimleri olduğunu unutmayın. AdSense program politikaları, AMP reklam birimleri içeren sayfalar için geçerli olmaya devam eder. 
    Reklam kodunuzu sabit veya sınırlı yükseklikte bir üst kapsayıcının (<div>, <iframe> vb.) içine yerleştirmediğinizden emin olun. Aksi takdirde, reklamınız boyut değiştirdiğinde sayfa düzeniniz bozulabilir.
  5. (İsteğe bağlı) AMP reklam kodunu yerleştirdikten sonra, duyarlılık işlevinin doğru çalıştığından emin olmak için reklamları farklı mobil cihazlarda test etmeniz önerilir.
    Reklamları kendi AMP sayfanızda görüntülerken, AMP içeriğe öncelik verdiğinden reklam gösteriminde gecikme olabilir. AMP sayfalarının nasıl önbelleğe alındığı hakkında daha fazla bilgi edinin.

Gelişmiş kullanım örnekleri: sabit boyutlu AMP reklamları, AMP reklamlarının stilini düzenleme vb.

AMP reklam biriminize sabit bir genişlik veya yükseklik vermek için duyarlı AMP reklam kodunu değiştirme talimatlarını uygulayın.

Daha gelişmiş kullanım örnekleri için AMP reklam öğelerinin stilini diğer herhangi bir AMP öğesi gibi düzenleyebilirsiniz. Düzeni denetlemenin farklı yolları hakkında daha fazla bilgi edinin.

AMP reklam biriminizin performansını izleme

AMP reklam birimlerinizin performansını izlemek için İçerik platformu raporunu inceleyin.

Bu makale faydalı mıydı?
Bunu nasıl iyileştirebiliriz?