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:
- Etiket Yöneticisi'nde bir AMP kapsayıcısı oluşturun.
- Etiket Yöneticisi snippet'ini AMP sayfalarınıza ekleyin.
- 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:
- Hesaplar ekranında, kullanmak istediğiniz hesap için Diğer İşlemler'i () tıklayın. Kapsayıcı Oluştur'u seçin.
- Kapsayıcıya ad verin. Açıklayıcı bir ad kullanın (ör. "örnek.com - haberler - AMP".
- Kapsayıcı Nerede Kullanılacak altında, AMP'yi seçin.
- 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.
İ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.
İ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:
- Etiketler Yeni'yi tıklayın.
- Etiket Yapılandırması'nı tıklayın ve desteklenen AMP etiketleri listesinden etiket türünü seçin.
- Etiket satıcınız tarafından sağlanan bilgilerle etiketinizi yapılandırın.
- Tetikleyici'yi tıklayın ve etiketi tetikleyecek bir veya daha fazla etkinlik koşulu ekleyin.
- 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:
<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:
- Değişkenler'i tıklayın.
- Kullanıcı Tanımlı Değişkenler altında Yeni'yi tıklayın.
- Değişken Yapılandırması'nı tıklayın ve AMP Değişkeni'ni seçin.
- Amp Değişkeni Adı alanına, alan adını girin (ör. "renk").
- Değişkene açıklayıcı bir ad verin (ör. "AMP Değişkeni - renk").
- Kaydet'i tıklayın.