Курс 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"

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