Facebook Instant Articles'a sayaç ekleme

Yandex.Metrica sayacı Facebook anlık yazılarına da (Facebook Instant Articles) yüklenebilir. Facebook anlık yazıları özel HTML öğeleri aracılığıyla web analiz sistemlerini entegre etmenize olanak tanır.

Anlık yazıların özellikleri, sayacın JavaScript kodunu yazının diğer HTML öğelerinden ayırır ve bunun yazı sayfasındaki kullanıcı eylemlerini kaydetmesini önler.

Anlık yazıların özellikleri nedeniyle desteklenmeyen Yandex.Metrica özellikleri şunlardır:

  • Oturum Kaydı,
  • Tıklama, bağlantı ve sayfa kaydırma haritaları,
  • Form Analizi,
  • Veri taşıyıcılardan veri aktarımı,
  • Ziyaretçi parametrelerinin aktarımı.

Sayaç kurma

Sayacı kurmak için:

  1. Anlık yazının body öğesine aşağıdaki kodu yükleyin:
    ...
    <figure class="op-tracker">
      <iframe>
        <!-- Sayaç kodu buraya eklenir -->
      </iframe>
    </figure>
    ...
              

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

...
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="your_link_here">
  <meta property="op:markup_version" content="v1.0">
</head>
...
      

Sayacın çalışma kontrolü için Facebook endpoint aracını kullanın.

Ziyaret parametrelerinin gönderimi

Ziyaret parametrelerinin gönderilmesi için:

  1. yaParams JavaSctipt öğesini oluşturun:
    ...
    var yaParams = {
      title: "Article title",
      referrer: "Article referrer"
    }
    ...
              
  2. Sayacın başlatıldığı andaki parametreleri aktarın:
    ...
    var yaCounterXXXXXX = new Ya.Metrika({id: XXXXXX, 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.

Sayacın entegrasyon örneği

<body>
  ...
  <figure class="op-tracker">
    <iframe>
      <script type="text/javascript">
        // Yazı başlığını alıp
        // ziyaret parametresi olarak kaydediyoruz
        var articleTitle = ia_document.title;
        var yaParams = {
          title: "null",
        };
        if(articleTitle)
        {
          yaParams.title = articleTitle;
        }
        
        (function (d, w, c) {
          (w[c] = w[c] || []).push(function() {
            try {
            w.yaCounterXXXXXX = new Ya.Metrika({
                id:XXXXXX,
                trackLinks:true,
                accurateTrackBounce:true,
                params: window.yaParams||{title: "no title"}
              });
            } catch(e) { }
          });
          
          var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
          s.type = "text/javascript";
          s.async = true;
          s.src = "https://mc.yandex.ru/metrika/watch.js";
      
          if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
          } else { f(); }
        })(document, window, "yandex_metrika_callbacks");
      </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.