Курс Google Analytics → Стриминг данных из Google Analytics в Facebook Pixel

Нет времени? Сохрани в

Многие сайты уже собирают данные с помощью Facebook Pixel. Эти данные можно использовать, как для создания аудиторий ремаркетинга в Facebook Ads, так и для изучения поведения аудитории сайта через Facebook Analytics. Но не многие используют все возможности отслеживания Facebook Pixel. Например, в Pixel Code Reference находится подробная информация о том, какие еще события вместе с различными параметрами можно собирать со своего сайта.

Но настраивать все эти события «с нуля» часто бывает проблематично — разработчикам нужно разбираться в новой документации и программировать новый трекинг. Ниже приведен пример решения по стримингу данных в Facebook из уже настроенного Google Analytics кода.

Что вы получите после настройки? Данное решение позволяет добавить код в customTask, который анализирует тело запроса в Google Analytics и отправляет такие же данные через Facebook Pixel. В итоге, для каждого просмотра страницы будет отправлено стандартное для FB событие — PageView, а для других типов хитов — кастомные события с префиксом «GA_» (например, «GA_event» или «GA_timing»). Каждое такое событие отправляется в Facebook с множеством пользовательских параметров, которые умеет собирать Google Analytics (GA Client ID, Custom Dimensions, Content Groups, Enhanced Ecommerce Data и др).

Пошаговая инструкция

  1. Создать переменную «FB Pixel ID» с ID вашего Facebook Pixel
  2. Создать Custom HTML тег с кодом Facebook Pixel без тригера, без строчки «fbq(‘track’, ‘PageView’);»
    <!-- Facebook Pixel Code -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', {{FB Pixel ID}});
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id={{FB Pixel ID}}&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Facebook Pixel Code -->
  3. Поставить этот тег на активацию перед тегом GA, отслеживающим pageview:
  4. Создать переменную customTask с таким содержимым
    function () {
      return function(tracker) {
        tracker.set('dimension1', tracker.get('clientId'));
        var originalSendHitTask = tracker.get('sendHitTask');
        tracker.set('sendHitTask', function(model) {
          originalSendHitTask(model);
          var hitPayload = model.get('hitPayload');
          var cleanupKeys = ['_v', 'a', '_s', '_u', 'je', '_u', 'jid', 'gjid', '_gid', 'gtm', 'z', 'v', 'tid', '_r'];
          var fbHitPayload = {};
          decodeURI(hitPayload).split('&').forEach(function(pair) {
            var keyValue = pair.split('=');
            if (cleanupKeys.indexOf(keyValue[0]) === -1) {
              fbHitPayload[keyValue[0]] = decodeURIComponent(keyValue[1]);
            }
          });
          var fbEventName = fbHitPayload['t'];
          delete fbHitPayload['t'];
          if (fbEventName == 'pageview') {
            fbq('trackSingle', {{FB Pixel ID}}, 'PageView', fbHitPayload);
          } else {
            fbq('trackSingleCustom', {{FB Pixel ID}}, 'GA_'+ fbEventName, fbHitPayload);
          }
        });
      }
    }
  5. Указать в переменной настроек (или во всех GA тегах, в случае если вы где-то переопределяете настройки тегов), в «Поля, которые необходимо задать» эту переменную:

Результат: во время каждой отправки данных в Google Analytics отправляются такие же данные в Facebook. Ниже показано результат отправки данных после просмотра страницы и клика по кнопке Subscribe:

Если вы не знаете, какую информацию хранят параметры из списка выше — можете посмотреть в справке по параметрам Measurement Protocol или просто дописать код, превратив эти параметры в human readable формат. Например, «ea» — это «Event Action».

Как создавать аудитории ремаркетинга на основе этих данных

Вот пример создания аудитории посетителей сайта, которые кликнули на кнопку Subscribe (по настроенному в Google Analytics событию с категорией «Button», действием «Click» и ярлыком «Subscribe»):

Как пользоваться данными в Facebook Analytics

Аналогично, все эти данные доступны в Facebook Analytics. Ниже приведен пример построения сегмента пользователей, которые достигали любых событий с категорией «Button»:

Применяя сегменты можно посмотреть различные отчеты именно по этому сегменту пользователей.

Источник: https://iosiuk.blogspot.com/2018/06/google-analytics-facebook-pixel.html

Твои коллеги будут рады, поделись в

Автор урока

Дмитрий Осиюк
Дмитрий Осиюк

Маркетинг аналитик, ЛУН

Другие уроки курса "Google Analytics"

  1. Google Analytics: обзор системы с примером использования
  2. Определяем цели и метрики
  3. Как установить Google Analytics на сайт
  4. Как подготовить свой Google Analytics к GDPR
  5. Как Google Analytics собирает информацию
  6. Пользователь, сессия, просмотр страниц
  7. Показатель отказов в Google Analytics
  8. Показатель отказов на одностраничных сайтах
  9. Google Analytics: Что такое Client ID
  10. Сегменты в Google Analytics
  11. События в Google Analytics
  12. Цели в Google Analytics
  13. Как Google Analytics определяет источник трафика?
  14. Ярлыки и сохраненные отчеты в Google Analytics
  15. Заметки / аннотации в Google Analytics
  16. UTM-метки в Google Analytics: зачем нужны и как настроить
  17. Все что вы хотели знать о UTM-метках, но боялись спросить
  18. Почему в direct попадает другой трафик и как это исправить
  19. Интерфейс отчетов + пользовательские отчеты в Google Analytics
  20. Обзор отчетов Google Analytics в реальном времени
  21. Сравнение моделей мульти­канальной атрибуции
  22. Диаграмма «Новые и вернувшиеся пользователи» — будьте осторожнее!
  23. Анализ просмотренных блоков страницы
  24. Пользовательские сводки / Dashboards в Google Analytics
  25. Специальные оповещения / Custom Alerts в Google Analytics
  26. Когортный анализ в Google Analytics
  27. Идентификатор отслеживания аккаунта Google Analytics
  28. Дополнение Google Analytics для Google Taблиц
  29. Пользовательские параметры и показатели
  30. Какие данные запрещено собирать в Google Analytics
  31. Как передать ClientID в произвольный параметр
  32. Как настроить User ID в Google Analytics
  33. Собственная группа каналов в Google Analytics
  34. Как в Google Analytics отобразить полный адрес страницы
  35. Вычисляемые показатели в Google Analytics
  36. Отслеживание внутреннего поиска на сайте в Google Analytics
  37. Расхождения данных о кликах из AdWords в Google Analytics
  38. Что такое GA Measurement Protocol
  39. Google Analytics API для маркетолога на практическом примере
  40. Отправка информации об оплате в GA из Google Spreadsheet (без CRM)
  41. Как определить мошенничество CPA-сетей с помощью GA API и R
  42. Обходим семплирование и собираем сырые данные
  43. Google Forms: фиксируем событие отправки формы в Google Analytics
  44. Cоздаем списки ремаркетинга из старых пользователей без ограничений
  45. Стриминг данных из Google Analytics в Facebook Pixel
  46. Синхронизация событий с пикселями Facebook, VK, Yandex, MyTarget
  47. Как добавить больше двух параметров в отчет Google Analytics
  48. Несколько действий внутри customTask
  49. Как фиксировать трафик и лиды с партнерских сайтов
  50. Удаляем параметр fbclid из отчетов
  51. Скрипт. Исключаем метку fbclid в промышленных масштабах

Marketello читают маркетологи из крутых компаний