AMP ve Etiket Yöneticisi kurulum kılavuzu

Accelerated Mobile Pages Projesi (AMP), web içeriğinizin performansını artırmanıza yardımcı olan açık kaynak bir web platformudur. AMP, Google Etiket Yöneticisi için yerleşik destek içerir. Bu belgede, AMP sayfalarında Google Etiket Yöneticisi'ni kurmak için önerilen yöntemler açıklanmaktadır.

AMP için Etiket Yöneticisi'ni yükleme:

  1. Etiket Yöneticisi'nde bir AMP kapsayıcısı oluşturun.
  2. Etiket Yöneticisi snippet'ini AMP sayfalarınıza ekleyin.
  3. Etiket Yöneticisi kapsayıcınızda etiketleri yapılandırın ve yayınlayın.

AMP kapsayıcısı oluşturma

Etiket Yöneticisi bir AMP kapsayıcı türüne sahiptir. Projeniz için yeni bir AMP kapsayıcısı oluşturun:

  1. Hesaplar ekranında, kullanmak istediğiniz hesap için Diğer İşlemler'i (Diğer) tıklayın. Kapsayıcı Oluştur'u seçin.
  2. Kapsayıcıya ad verin. Açıklayıcı bir ad kullanın (ör. "örnek.com - haberler - AMP".
  3. Kapsayıcı Nerede Kullanılacak altında, AMP'yi seçin.
  4. Oluştur'u tıklayın.

Kapsayıcınız artık hazır. Sonraki adım, AMP sayfalarınıza Etiket Yöneticisi kodunu yüklemektir.

Etiket Yöneticisi, kod snippet'inin en iyi nasıl yükleneceği hakkında bilgi verir, daha fazla bilgi için sonraki bölümü inceleyebilirsiniz.

Etiket Yöneticisi snippet'ini ekleme

Yeni AMP kapsayıcınızı oluşturduğunuzda, Google Etiket Yöneticisini Yükle ekranı açılır. Etiket Yöneticisi iki kod snippet'i sağlar. AMP sayfalarınızda görünmeleri için bu kod snippet'lerini kopyalayın.

Not: İleride kod snippet'lerine erişmek için çalışma alanına genel bakış sayfanızın en üstünde bulunan kapsayıcı kimlik numarasını tıklayın veya Yönetici'yi, ardından Google Etiket Yöneticisini Yükle'yi tıklayın.

İlk snippet, amp-analytics bileşenini AMP sayfanıza ekler. Bu kod, sayfanızın <head> bölümünün sonuna yerleştirilir ve sayfada yalnızca bir defa görünmelidir.

<!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
Önemli: Bu kodu yalnızca sayfanızda bulunmuyorsa ekleyin ve her sayfada yalnızca bir defa göründüğünden emin olun.

İkinci snippet, Etiket Yöneticisi'ni kullanmak için amp-analytics'i yapılandırır. Bu kodu, açılış <body> öğesinin hemen sonrasına yerleştirin. Etiket Yöneticinizin kapsayıcı kimliği yerine GTM-CONTAINER_ID ifadesini yerleştirin veya tüm snippet'i Etiket Yöneticisi kullanıcı arayüzünden kopyalayıp yapıştırın.

<!-- Google Etiket Yöneticisi -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>

Kapsayıcınızı yapılandırma ve yayınlama

Kapsayıcı snippet'i, sayfalarınıza doğru bir şekilde yüklendiğinde Etiket Yöneticisinden dağıtılan etiketleri tetikleyebilirler. Sonraki adım, etiket yapılandırmasını oluşturmak ve kapsayıcıyı yayınlamak olacaktır.

Yeni bir etiket oluşturmak için:

  1. Etiketler ve sonra Yeni'yi tıklayın.
  2. Etiket Yapılandırması'nı tıklayın ve desteklenen AMP etiketleri listesinden etiket türünü seçin.
  3. Etiket satıcınız tarafından sağlanan bilgilerle etiketinizi yapılandırın.
  4. Tetikleyici'yi tıklayın ve etiketi tetikleyecek bir veya daha fazla etkinlik koşulu ekleyin.
  5. Tetikleyiciye ad verin ve Kaydet'i tıklayın.

Her etiket yapılandırmasında bu adımları tekrarlayın. Kapsayıcı yapılandırmanız tamamlandığında, değişikliklerin geçerli olması için kapsayıcınızı yayınlayın.

Sayfa değişkenleri

Etiket Yöneticisi, AMP değişkenlerini yakalayıp bu değişkenleri etiket ve tetikleyici yapılandırmasında kullanabilir. Örneğin, ayakkabı satışı yapılan bir sayfada belirli bir ayakkabıyı açıklayan değişkenler bulunabilir. Bu değerler, Etiket Yöneticisi değişkenlerini oluşturmak için kullanılabilir:

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager-XXXXXX;Tag Manager.url=SOURCE_URL" data-credentials="include">
  <script type="application/json ">
      {
          "vars" : {
              "type": "shoes",
              "color": "red"
          }
      }
  </script>
</amp-analytics>

Etiket Yöneticisinde aşağıdaki koddan renk değişkenini yakalayan bir kullanıcı tanımlı değişken oluşturmak için:

  1. Değişkenler'i tıklayın.
  2. Kullanıcı Tanımlı Değişkenler altında Yeni'yi tıklayın.
  3. Değişken Yapılandırması'nı tıklayın ve AMP Değişkeni'ni seçin.
  4. Amp Değişkeni Adı alanına, alan adını girin (ör. "renk").
  5. Değişkene açıklayıcı bir ad verin (ör. "AMP Değişkeni - renk").
  6. Kaydet'i tıklayın.

Etiket Yöneticisi Desteği ile AMP etiketleri

Bu size yardımcı oldu mu?
Bunu nasıl iyileştirebiliriz?