Facebook Instant Articles'ta sayaç kurma ve ayarlama

Yandex.Metrica sayacı Facebook Instant Articles için kurulabilir.

Instant Articles'ın uygulanmasına yönelik farklılıklardan dolayı, sayaç kodunun JavaScript öğeleri, diğer HTML öğelerinden izole edilir. Bu nedenle, Yandex.Metrica'nın aşağıdaki özellikleri kullanılamaz:

  • Oturum Kaydı;
  • Tıklama, bağlantı ve kaydırma haritaları;
  • Form analizi;
  • E-ticaret verileri iletimi.

Instant Articles'a Yandex.Metrica kodu eklemek için özel HTML öğeleri kullanmanız gerekir.

  1. Sayaç kurma
  2. Ziyaret parametrelerinin gönderimi
  3. Ziyaretçi parametrelerinin aktarılması
  4. Sayacın entegrasyon örneği

Sayaç kurma

Instant Articles'ın body öğesine aşağıdaki kodu ekleyin:

...
<figure class="op-tracker">
  <iframe>
    <!-- Sayaç kodu -->
  </iframe>
</figure>
...

Sayaç, head öğesinde "canonical" olarak belirlenen sayfa için ziyaretleri hesaplar.

...
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="http://example.com/page.html">
  <meta property="op:markup_version" content="v1.0">
</head>
...

Sayacın çalışıp çalışmadığını kontrol etmek için Facebook endpoint aracını kullanın.

Ziyaret parametrelerinin gönderimi

  1. yaParams JavaSctipt öğesini oluşturun:
    ...
    var yaParams = {
      title: "Article title",
      referrer: "Article referrer"
    }
    ...
  2. Sayacın başlatıldığı andaki parametreleri aktarın:

    ...
    ym(XXXXXX, 'init', {params: window.yaParams||{}});
    ...

    Facebook, anlık yazılarla ilgili olan ve ziyaret parametreleri olarak kullanılabilen belirli veri setini sağlar. Bu verileri ia_document JavaScript öğesinden elde edebilirsiniz.

Ziyaretçi parametrelerinin aktarılması

  1. Sayaç başlatıldıktan sonra hit yöntemini kullanarak görüntüleme ile ilgili verileri iletin:
    ...
    ym(XXXXXX, 'init', {
      defer: true
    });
    ym(XXXXXX, 'hit', ia_document.shareURL, {
      referer: ia_document.referrer,
      title: ia_document.title
    });
    ...
  2. userParams çağrısı özelliğini kullanarak kullanıcıların parametrelerini iletin:
    ...
    ym(XXXXXX, 'userParams', { user_key: "user_value"});
    ...

Sayacın entegrasyon örneği

<body>
  ...
  <figure class="op-tracker">
    <iframe>
      <script type="text/javascript"><script>
        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
        (window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js?id=XXXXXX', 'ym')

            ym(XXXXXX, 'init', { 
                trackLinks:true,
                accurateTrackBounce:true,
                params: window.yaParams||{title: "no title"}
            });

      </script>
      <noscript><div><img src="https://mc.yandex.ru/watch/XXXXXX" style="position:absolute; left:-9999px;" alt=""/></div></noscript>
    </iframe>
  </figure>
  ...
</body>

XXXXXX: Sayacınızın numarasıdır.