Как отслеживать статистику контента для мгновенных статей Facebook с помощью Google Analytics

Согласно их документу https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCampaigns#generalCampaign С помощью аналитического скрипта можно установить источник, канал и заголовок. заголовок необходимо задать, учитывая, что заголовок страницы для IA в приложении FB имеет значение null.

ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ, что ЗАГЛАВНЫЕ БУКВЫ в коде должны быть обновлены с учетом статических или динамических значений для него.

<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>

Опять же, обратите внимание, что ЗАГЛАВНЫЕ СЛОВА должны быть заменены вашими фактическими значениями. Наслаждайся этим.

Поскольку кажется, что это обычная проблема, я постараюсь предоставить здесь дополнительную информацию:

Во-первых, убедитесь, что вы проверили код, который используете в Google Analytics. В первом представленном здесь ответе был вставлен код с использованием кода Google GA.JS, но сегодня многие веб-сайты используют новый код Analytics.JS (мой случай). Поэтому я предлагаю скопировать код GA с вашего веб-сайта или с панели GA.

Во-вторых, проверьте, правильно ли ваш код GA передается в RSS-поток мгновенных статей (я предполагаю, что вы используете Wordpress с каким-либо плагином для создания RSS). Если вы используете новый метод analytics.js, код внутри вашего RSS-канала (для каждой статьи) должен быть таким:

<!-- 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>

В-третьих, если ваши статьи уже были в списке мгновенного производства статей Facebook ДО того, как вы добавили код Google Analytics, они НЕ будут обновлять / загружать код. Лучший способ протестировать - отредактировать любую из ваших статей (достаточно простой замены знаков препинания) и повторно опубликовать ее на вашем wordpress. Затем перейдите в свою панель IA в Facebook, Конфигурация и щелкните, чтобы перезагрузить / перестроить RSS. Подождите немного, затем проверьте список I.A, который будет обновлен в публикации (вы увидите изменение даты), затем откройте его в опции редактирования и проверьте в конце кода. Ваш код GA должен быть там.

Итак, если сейчас все в порядке, ваш последний шаг (по крайней мере, для меня) - удалить все старые мгновенные статьи на Facebook (я предполагаю, что вы еще не опубликовали их) и перезагрузите RSS-канал в области конфигурации, чтобы он восстановил ваши статьи с кодом GA.

Надеюсь это поможет.

PS: Я НЕ использую плагин от Automattic для публикации IA из WP, так как это просто мусор. Есть один способ проще, чем работать без каких-либо проблем: https://wordpress.org/plugins/allfacebook-instant-articles/

К сожалению, все остальные ответы связаны с каким-то беспорядком, который, вероятно, запутает людей. Вот попытка надежного современного решения, в котором используется УНИВЕРСАЛЬНАЯ АНАЛИТИКА (новый), а не ga.js (старый, хотя есть еще более старый urchin.js, который никто не больше не использует).

<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: Очевидно, разместите здесь свой личный код GA.
• campaignSource: отображается как "Источник" в Google Analytics.
• campaignMedium: отображается как "Средний" в Google Analytics.
• ia_document.title: для заголовка используется переменная JavaScript FB.

Пока для меня название успешно заменяется этим кодом.

У меня был очень запутанный опыт, пытаясь проверить это с помощью отчета аналитики «В РЕАЛЬНОМ ВРЕМЕНИ», где отображалось несколько сообщений с одинаковым заголовком, но в целом я думаю, что это работает.

• Чтобы проверить поле "заголовок": В РЕАЛЬНОМ ВРЕМЕНИ> ПОВЕДЕНИЕ.
• Чтобы проверить поля "Источник" и "Медиа": В РЕАЛЬНОМ ВРЕМЕНИ> ИСТОЧНИКИ ТРАФИКА.

Чтобы увидеть трафик в разделе Источники в GA, перейдите в Источники трафика> Источник / канал, где он будет указан вместе с другими источниками (включая несколько источников, отличных от facebook).

НЕИСПРАВНОСТЬ (общий со всеми другими решениями). К сожалению, мое решение не позволяет отображать трафик IA в отчете Приобретения> Социальные сети> Facebook. Хуже того, это даже не отображается в отчете Приобретения> Соцсети. К сожалению, он теряется в Приобретения> Другое и для большинства из нас будет означать полностью испорченный отчет Социальные в целом.

• Канал «Социальный», как и другие каналы, имеет очень точный набор source / medium значений, которые он будет фильтровать по различным категориям, таким как Facebook.
• Ясно, что Facebook / Social Instant Article нет в этом списке.
• См. Это другое сообщение StackOverflow I сделано по этой конкретной проблеме для получения более подробной информации. Я дополню свой пример тем, что окажется лучшим.

Источник кода ia_document.title: https://developers.facebook.com/docs/instant-articles/analytics

Я столкнулся с той же проблемой. Вот что работает здесь:

URL-адрес источника кода аналитики

Если ваш код аналитики может обслуживаться непосредственно с определенного URL-адреса, вы можете указать URL-адрес с помощью атрибута src в элементе.

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

(Источник: https://developers.facebook.com/docs/instant-articles/reference/analytics)

Единственное, чего я сейчас не знаю: если я использую расширенный код Google Analytics Как вытащить страницу Заголовок?

Я использую решение ниже (немного другое), и оно отлично работает.

<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>

Я сделал это с использованием размеров, я думаю, что это лучшая практика, особенно если вы отслеживаете лиды.

<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>

Затем создайте измерение3 в админке GA и создайте сегмент, в котором измерение3 имеет значение «Facebook Instant Article». Таким образом, вы можете сохранить источник и канал кампании для их фактического назначения.

Спасибо за все предыдущие ответы и решения. Они вдохновили меня обобщить мои знания и решения в этой общедоступной книге.

Я использую глобальный тег сайта Google (gtag.js) для отслеживания pageview и успешно отнести его к социальной среде в Google Analytics.

Следующий фрагмент иллюстрирует, что у меня сработало. Обратите внимание, что мы используем шаблоны jinja (с Nunjucks) для добавления необходимых и отсутствующих данных (например, {{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>

Я встроил это вот так в свою ленту

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

Документы по реализации

• https://developers.facebook.com/docs/instant-articles/analytics
• https://developers.facebook.com/docs/instant-articles/reference/analytics
• https://developers.google.com/analytics/devguides/collection/gtagjs/pages

В большинстве ответов здесь упоминается жесткое кодирование campaignSource и campaignMedium.

Если вы сделаете это, ваша аналитика не будет записывать какие-либо конкретные кампании с использованием тегов UTM. Кроме того, Google Analytics будет рассматривать весь ваш трафик в Instant Article как кампании, и цифры не будут попадать в «Социальный» трафик.

Решение состоит в том, чтобы установить referrer на https://i.facebook.com/. Использование этой службы Google Analytics будет обрабатывать ваш трафик, исходящий от Facebook, и вести себя так, как если бы это был «социальный» трафик.

Чтобы отличить мгновенный трафик статей от обычного трафика Facebook, вы можете отфильтровать referrer или добавить пользовательские параметры.

Не забудьте изменить XX-X и в следующем фрагменте.

<!-- Google Analytics Tracker -->
      <figure class="op-tracker">
          <iframe src="" 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', 'UA-472932XX-X', 'auto');
              ga('set', 'referrer', 'https://i.facebook.com/');
              ga('send', 'pageview', {title: "<page-title>"});
            </script>
          </iframe>
      </figure>