web-dev-qa-db-fra.com

Comment suivre le contenu Statistiques pour les articles instantanés de Facebook avec Google Analytics

Bonjour, nous avons configuré les flux d'articles instantanés de Facebook dans Facebook.

La fonctionnalité Instant Article de Facebook pour les éditeurs (déployée principalement sur les applications iOS FB pour l'instant 30 3 2016) Permet le suivi à l'aide du code Google Analytics. Cependant, même après avoir appliqué le code GA comme indiqué, nous ne sommes pas en mesure de localiser le renvoi ou D'autres informations sur les articles instantanés FB dans GA. Quelqu'un peut-il m'aider à comprendre où trouver exactement des informations dans GA sur la consommation de contenu sur Facebook Instant Articles ?? Apparaîtra-t-il en tant que source de renvoi ou nom d’hôte? Instant Les articles sont ouverts dans FB. 

facebookfacebook-instant-articles
9
aimiliano

Selon leur documentaion https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCampaigns#generalCampaign il est possible de définir la source, le support et le titre via le script d'analyse. Le titre doit être défini, étant donné que le titre de la page de l'analyse d'impact de l'application FB est null.

VEUILLEZ AVISER LES LETTRES MAJUSCULES dans le code sont supposées être mises à jour avec vos valeurs statiques ou dynamiques. 

<figure class="op-tracker"> 
    <iframe hidden>
        <script>
            (function (i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function () {(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),                         m=s.getElementsByTagName(o)0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-   analytics.com/analytics.js','ga');
            ga('create', 'ANALYTICS ID', 'auto');
            ga('require', 'displayfeatures');
            ga('set', 'campaignSource', 'Facebook');
            ga('set', 'campaignMedium', 'Social Instant Article');
            ga('set', 'title', 'POST TITLE OR THE TITLE YOU WANT'); 
            ga('send', 'pageview');
        </script>
    </iframe>
</figure>

Encore une fois, veuillez noter que les mots en majuscule doivent être remplacés par vos valeurs réelles. Profitez-en. 

13
neoplomero

Comme il semble que ce soit un problème courant, je vais essayer de fournir plus d'informations ici:

First, assurez-vous de vérifier le code que vous utilisez dans vos analyses. La première réponse fournie ici consistait à coller un code à l'aide du code Google GA.JS, mais de nombreux sites Web utilisent aujourd'hui le nouveau code Analytics.JS (mon cas). Ma suggestion est donc de copier votre code GA à partir de votre site Web ou de votre panneau GA.

Second, vérifiez si votre code GA est correctement transmis à votre flux RSS Instant Article (je suppose que vous utilisez Wordpress avec un plugin pour créer un flux RSS). Si vous utilisez la nouvelle méthode analytics.js, le code dans votre flux RSS (par article) devrait ressembler à ceci:

<!-- Adding tracking if defined -->
<figure class="op-tracker">
    <iframe>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
            ga('create', 'YOUR_GA_ID', 'auto');
            ga('send', 'pageview');
        </script>
    </iframe>
</figure>

Troisième, si vos articles figuraient déjà sur la liste de production instantanée d’articles Facebook AVANT d’ajouter le code Analytics, ils ne seront PAS mis à jour/chargés. Le meilleur moyen de tester est d’éditer l’un de vos articles (un simple changement de ponctuation suffit) et de le republier sur votre wordpress. Ensuite, allez sur votre panneau IA sur Facebook, Configuration _ et cliquez pour recharger/reconstruire votre RSS. Attendez un peu, puis vérifiez sur la liste de I.A que la publication sera mise à jour (vous verrez le changement de date), puis ouvrez-la avec l'option d'édition et vérifiez à la fin du code. Votre code GA devrait être là.

Donc, si tout va bien maintenant, votre dernière étape (du moins était pour moi) consiste à supprimer tous les anciens articles Instant sur Facebook (je suppose que vous ne les avez pas encore publiés) et à recharger le flux RSS. alimentez-le dans la zone de configuration afin qu'il reconstruise vos articles avec le code GA.

J'espère que cela t'aides.

PS: Je n'utilise PAS le plug-in d'Automattic pour publier une IA à partir de WP, car ce n'est que des ordures. Il existe un moyen plus simple de travailler sans problèmes: https://wordpress.org/plugins/allfacebook-instant-articles/

2
Felipe Spengler

Malheureusement, les autres réponses impliquent toutes une sorte de gâchis qui risque de dérouter les gens. Voici une solution solide et moderne qui utilise UNIVERSAL ANALYTICS (la nouvelle) plutôt que "ga.js" (l’ancienne, bien qu’il existe une version encore plus ancienne Urchin.js que personne n’utilise plus) . 

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'YOUR_UID_REPLACE_THIS', 'auto');
  ga('require', 'displayfeatures');
  ga('set', 'campaignSource', 'Facebook');
  ga('set', 'campaignMedium', 'Social Instant Article');
  ga('set', 'title', ia_document.title);
  ga('send', 'pageview');

</script>
  • YOUR_UID_REPLACE_THIS: Indiquez évidemment votre code personnel GA ici. 
  • campaignSource: s'affiche en tant que "source" dans GA.
  • campaignMedium: s'affiche en tant que "Moyenne" dans GA. 
  • ia_document.title: Ceci utilise la variable javascript du FB pour title. 

Jusqu'à présent, le titre a été remplacé avec succès pour moi par ce code. 

J'ai eu des expériences très déroutantes en essayant de tester cela avec le rapport "REAL-TIME" sur Analytics, où plusieurs posts étaient publiés avec le même titre, mais dans l'ensemble, je pense que cela fonctionne. 

  • Pour tester le champ 'titre': REAL-TIME> BEHAVIOR
  • Pour tester les champs 'Source' et 'Media': TEMPS RÉEL> SOURCES DE CIRCULATION

Pour voir le trafic dans la section Acquisitions de GA, accédez à Acquisitions> Source/Moyen où il sera répertorié avec d'autres sources (y compris plusieurs sources différentes de Facebook). 

D&EACUTE;FAUT (partagé avec toutes les autres solutions) - Malheureusement, ma solution ne permet pas l'affichage du trafic IA dans le rapport Acquisitions> Social> Facebook. Pire encore, cela n'apparaît même pas dans le rapport Acquisitions> Social. Malheureusement, il se perd dans Acquisitions> Other, et pour la plupart d'entre nous, cela signifiera un rapport totalement foiré Social.

  • Le canal "Social", comme les autres canaux, a un ensemble très précis de valeurs source / medium qu'il filtrera dans les différentes catégories comme Facebook. 
  • Clairement, Facebook / Social Instant Article ne figure pas sur cette liste. 
  • Voir Cet autre article de StackOverflow que j'ai publié sur ce problème particulier pour plus de détails. Je mettrai à jour mon exemple ici avec ce qui se révélera être la meilleure pratique. 

Source pour le code ia_document.title: https://developers.facebook.com/docs/instant-articles/analytics

1
jerclarke

Je l'ai fait en utilisant des dimensions, je pense que c'est une meilleure pratique, surtout si vous suivez les pistes.

<figure class="op-tracker">
  <iframe>
    <script>
            (function (i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function () {(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),                         m=s.getElementsByTagName(o)0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-   analytics.com/analytics.js','ga');
            ga('create', 'ANALYTICS ID', 'auto');
            ga('require', 'displayfeatures');
            ga('send', 'pageview', {
               'dimension3': 'Facebook Instant Article'
            });
    </script>
  </iframe>
</figure>

Créez ensuite dimension3 dans l’administrateur de GA et créez un segment dans lequel dimension3 a la valeur 'Facebook Instant Article' ..____. Ainsi, vous pouvez conserver les sources et supports de la campagne pour leur objectif réel.

0
Tom Toms

J'ai rencontré le même problème. Qu'est-ce qui fonctionne est-ce ici:

URL vers la source du code d'analyse

Si votre code d'analyse peut être servi directement à partir d'une URL spécifique, vous pouvez spécifier l'URL en utilisant l'attribut src sur l'élément.

<figure class="op-tracker">
    <iframe src="https://www.myserver.com/trackingcode"></iframe>
</figure>

(Source: https://developers.facebook.com/docs/instant-articles/reference/analytics } _)

La seule chose que je ne sache pas maintenant est la suivante: Si j'utilise le code d'analyse étenduComment extraire le titre de la page?

0
Funana

Merci pour toutes les réponses et solutions précédentes. Ils m'ont inspiré à résumer mes apprentissages et mes solutions dans cet article de synthèse public .

J'utilise la balise de site globale de Google (gtag.js) pour suivre la consultation des pages et l'attribuer avec succès au média social de Google Analytics.

L'extrait suivant illustre ce qui a fonctionné pour moi. Veuillez noter que nous utilisons des modèles jinja (avec Nunjucks ) pour ajouter les données nécessaires et manquantes (par exemple, {{googleAnalytics}}).

<figure class="og-tracker">
  <iframe>
    <script async src="https://www.googletagmanager.com/gtag/js?id={{googleAnalytics}}"></script>
    <script type='text/javascript'>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.Push(arguments);}
      gtag('js', new Date());
      gtag('config', '{{googleAnalytics}}', {
        'page_title': '{{articleTitle}}',
        'page_path': '/{{articlePath}}', // The path portion of location. This value must start with a slash (/) character. (optional, but recommended)
        'page_location': '{{articleUrl}}', // page's URL (optional, but recommended)
        'campaign': {
          'source': 'ia.facebook.com', // utm_source
          'medium': 'referral', // utm_medium
          'name': 'Facebook Instant Articles' // utm_campaign
        },
      });
    </script>
  </iframe>
</figure>

Je l'ai intégré comme ça dans mon flux

<figure class="op-tracker">
    <iframe src="https://www.example.com/fia-google-analytics-tracking.html"></iframe>
</figure>

Documents d'implémentation

0
natterstefan

J'utilise la solution ci-dessous (un peu différente) et cela fonctionne parfaitement.

<figure class="op-tracker">
<iframe>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-9999999-9', 'mydomain.com');
ga('require', 'displayfeatures');
ga('set', 'campaignSource', 'Facebook');
ga('set', 'campaignMedium', 'Social Instant Article');
ga('set', 'title', 'My post title here');
ga('send', 'pageview');
</script>
</iframe>
</figure>
0
Gustavo Tarchiani