AMP Sayfalarına Basın İlan Kurumu Script'i Nasıl Eklenir?

AMP Sayfalarına Basın İlan Kurumu Script’i Nasıl Eklenir?

Google webmaster forumlarında gelen sorulardan bir tanesi bu şekildeydi. Soruda verdiğim cevabı, aynı sorunu yaşayanlara çözüm olması için bu makaleyi sizlerle paylaşıyorum.

Basın İlan Kurumu’nun gönderdiği JavaScript kodu, AMP sayfalarında çalışmamasının nedeni, AMP sayfalarının güvenlik gereği üçüncü taraf kodları engellemesidir. Bu kodu AMP sayfalarında çalıştırmak için, AMP sayfasına özel JavaScript kodu eklemeniz gerekir.

AMP sayfasına özel JavaScript kodu eklemek için, Google Tag Manager (GTM) kullanabilirsiniz. GTM, AMP sayfalarına özel JavaScript kodu eklemenize ve yönetmenize olanak tanıyan bir araçtır.

GTM’yi kullanarak Basın İlan Kurumu’nun JavaScript kodunu AMP sayfalarına eklemek için aşağıdaki adımları izleyebilirsiniz:

  1. Google Tag Manager’ı kurun ve sitenize bağlayın.
  2. Bir yeni etiket oluşturun.
  3. Etiket türünü “JavaScript” olarak seçin.
  4. Etiket kodunu, Basın İlan Kurumu’nun gönderdiği JavaScript kodu ile değiştirin.
  5. Etiketi, AMP sayfalarında tetiklemek istediğiniz yere yerleştirin.
  6. Etiketi yayınlayın.

GTM kullanarak Basın İlan Kurumu’nun JavaScript kodunu AMP sayfalarına eklemek için aşağıdaki kodları kullanabilirsiniz:

<script src="https://cdn.p.analitik.bik.gov.tr/tracker1.js" data-website-id="ff1426b6-ee15-401f-b489-bd9c4a64bd87" data-host-url="//ff1426b6-ee15-401f-b489-bd9c4a64bd87.collector.p.analitik.bik.gov.tr"></script>

<script>
  (function () {
    var script = document.createElement("script");
    script.src = "https://cdn.p.analitik.bik.gov.tr/tracker1.js";
    script.data = {
      websiteId: "ff1426b6-ee15-401f-b489-bd9c4a64bd87",
      hostUrl: "//ff1426b6-ee15-401f-b489-bd9c4a64bd87.collector.p.analitik.bik.gov.tr",
    };
    document.body.appendChild(script);
  })();
</script>

Bu kodları, AMP sayfanıza ekledikten sonra, Basın İlan Kurumu’nun JavaScript kodu AMP sayfalarında da çalışacaktır.

Ek olarak, AMP sayfalarına özel JavaScript kodu eklemek için, AMP Project tarafından sağlanan amp-custom-element etiketini de kullanabilirsiniz. amp-custom-element etiketi, AMP sayfalarına üçüncü taraf kodları eklemenize olanak tanır.

amp-custom-element etiketini kullanarak Basın İlan Kurumu’nun JavaScript kodunu AMP sayfalarına eklemek için aşağıdaki adımları izleyebilirsiniz:

  1. AMP sayfanıza bir amp-custom-element etiketi ekleyin.
  2. Etiketin customElement özelliğini, Basın İlan Kurumu’nun JavaScript kodunu içeren bir HTML öğesi olarak ayarlayın.
  3. Etiketi, AMP sayfalarında tetiklemek istediğiniz yere yerleştirin.

amp-custom-element etiketini kullanarak Basın İlan Kurumu’nun JavaScript kodunu AMP sayfalarına eklemek için aşağıdaki kodu kullanabilirsiniz:

<amp-custom-element customElement="<script src="https://cdn.p.analitik.bik.gov.tr/tracker1.js" data-website-id="ff1426b6-ee15-401f-b489-bd9c4a64bd87" data-host-url="//ff1426b6-ee15-401f-b489-bd9c4a64bd87.collector.p.analitik.bik.gov.tr"></script>"></amp-custom-element>

Bu kodları, AMP sayfanıza ekledikten sonra, Basın İlan Kurumu’nun JavaScript kodu AMP sayfalarında da çalışacaktır.

Umarım bu yardımcı olur.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir