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.
Sayaç kurma
Uyarı. Facebook Anlık Yazıları'ndan (Facebook Instant Articles) içerik analizi verileri toplanamaz.
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
yaParams
JavaSctipt öğesini oluşturun:... var yaParams = { title: "Article title", referrer: "Article referrer" } ...
Ziyaretçi parametrelerinin aktarılması
userParams
işlevini çalıştırarak kullanıcı 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.