[VIDEO]使用Google跟踪代码管理器跟踪访问者的初始流量来源

本周内容的格式有所不同。我做了朱利安的第二个嘉宾视频’s MeasureSchool频道 (I’我很确定这里不需要介绍，并且每个人都至少观看了他的几个视频）。这次，我’ve解释了一种技术，如果您不仅想知道促成转化的最后一个流量来源/媒介，而且想知道第一个向您的访客介绍您的品牌的媒介，这种技术将很有用。

如果您很着急，请继续观看视频。如果您有更多时间，也可以随时阅读该博客文章。

 

为什么我们需要这种解决方案？

开箱即用的Google Analytics（分析）提供了“获取”报告，其中最流行的功能之一就是“源/中”报告。它们使您能够查看哪些流量来源（例如Google，Facebook，电子邮件广告系列）吸引了最多的访问者，并且如果您配置了目标/电子商务跟踪，还可以查看其中哪些来源实际上带来了最佳转化。

谷歌 Analytics uses 最终非直接点击归因，因此，转化将归因于最新的非直接流量来源。但是，如果您想看看最初将访客吸引到您的网站的最初流量来源是什么？即使它’s possible to 比较GA中的归因模型，你’d想在模型比较工具之外获得更多数据。

在本指南中，我’ll向您展示如何跟踪吸引访问者访问您网站的初始流量来源，因此您不仅可以在最后一次非直接点击归因下，而且还可以在第一次点击时使用这些数据并比较维度和指标归因。

尽管该解决方案远非完美，并且在某些情况下可能不准确，但是在长时间收集更多数据之后，它仍然可以为您提供很好的见解。

在terested? 让’s start!

工作流程

这次，我 will be using a modified script that is based on the UTMZ Cookie复制器 （由Lunametrics团队创建）。这个复制器是一个很棒的解决方案，它模仿了经典Google Analytics（分析）使用的cookie。该Cookie包含当前会话的流量获取数据，因此，您可以将其值用作标记​​触发条件，或将该信息传递给其他工具。

但是，在引入通用Analytics（分析）之后，此utmz cookie丢失了。幸运的是，Lunametrics的好人分享了他们自己的解决方案，该解决方案模仿了cookie，并允许我们在GTM中使用它。

该解决方案（在此博客文章中进行了解释）在很大程度上基于UTMZ复制器中使用的JavaScript，但是，进行了一些修改，因此请使用’我会在下面与您分享。

所以呢’s the workflow?

1. 访客登陆页面
2. 自定义HTML标记（带有修改后的Lunametrics’JavaScript）触发并体彩七星彩开奖结果 initialTrafficSource 曲奇饼。该cookie包含流量获取数据。如果浏览器中已经存在这样的cookie，该脚本将不会被覆盖并保持原样。
3. 然后，借助第一方Cookie变量，GTM将读取该Cookie’的值，并将数据作为用户范围的自定义维度传递到Google Analytics（分析）。
4. 测试一下。做完了！

 

＃1自定义HTML标签

让’s从标签开始。这是您需要在所有页面上触发的JavaScript（至少现在是这样）：

<script>
/**
* Original script is created by Lunametrics 
* //www.lunametrics.com/labs/recipes/utmz-cookie-replicator-for-gtm/
* Modified by 分析狂热//www.toddblog.net/
*
* Data is stored in the __initialTrafficSource cookie in the following format; brackets
* indicate optional data and are aexcluded from the stored string:
*
* utmcsr=SOURCE|utmcmd=MEDIUM[|utmccn=CAMPAIGN][|utmcct=CONTENT]
* [|utmctr=TERM/KEYWORD]
*
* e.g.:
* utmcsr = example.com | utmcmd = affl-link | utmccn = foo | utmcct = bar | utmctr = biz
*/
(function(document) {

  var 推荐人 = document.referrer;
  var gaReferral = {
    'utmcsr': '(direct)',
    'utmcmd': '(none)',
    'utmccn': '(not set)'
  };
  var thisHostname = document.location.hostname;
  var thisDomain = getDomain_(thisHostname);
  var referringDomain = getDomain_(document.referrer);
  var sessionCookie = getCookie_('__utmzzses');
  var cookieExpiration = new Date(+new Date() + 1000 * 60 * 60 * 24 * 30 * 24);
  var qs = document.location.search.replace('?', '');
  var hash = document.location.hash.replace('#', '');
  var gaParams = parseGoogleParams(qs + '#' + hash);
  var referringInfo = parseGaReferrer(referrer);
  var storedVals = getCookie_('__utmz') || getCookie_('__utmzz');
  var newCookieVals = [];
  var keyMap = {
    'utm_source': 'utmcsr',
    'utm_medium': 'utmcmd',
    'utm_campaign': 'utmccn',
    'utm_content': 'utmcct',
    'utm_term': 'utmctr',
    'gclid': 'utmgclid',
    'dclid': 'utmdclid'
  };

  var keyFilter = ['utmcsr', 'utmcmd', 'utmccn', 'utmcct', 'utmctr'];
  var keyName,
     values,
    _val,
    _key,
    raw,
    key,
    len,
    i;

  if (sessionCookie && referringDomain === thisDomain) {

    gaParams = null;
    referringInfo = null;

  }

  if (gaParams && (gaParams.utm_source || gaParams.gclid || gaParams.dclid)) {

    for (key in gaParams) {

      if (typeof gaParams[key] !== 'undefined') {

        keyName = keyMap[key];
        gaReferral[keyName] = gaParams[key];

      }

    }

   if (gaParams.gclid || gaParams.dclid) {

    gaReferral.utmcsr = 'google';
    gaReferral.utmcmd = gaReferral.utmgclid ? 'cpc' : 'cpm';

   }

  } else if (referringInfo) {

    gaReferral.utmcsr = referringInfo.source;
    gaReferral.utmcmd = referringInfo.medium;
    if (referringInfo.term) gaReferral.utmctr = referringInfo.term;

  } else if (storedVals) {

    values = {};
    raw = storedVals.split('|');
    len = raw.length;

    for (i = 0; i < len; i++) {

      _val = raw[i].split('=');
      _key = _val[0].split('.').pop();
      values[_key] = _val[1];

    }

    gaReferral = values;

  }

  for (key in gaReferral) {

    if (typeof gaReferral[key] !== 'undefined' && keyFilter.indexOf(key) >-1) {

      newCookieVals.push(key + '=' + gaReferral[key]);

    }

  }

  if (!getCookie_('initialTrafficSource')) {
    writeCookie_('initialTrafficSource', newCookieVals.join('|'), cookieExpiration, '/', thisDomain);
  }

  writeCookie_('__utmzzses', 1, null, '/', thisDomain);

  function parseGoogleParams(str) {

    var campaignParams = ['source', 'medium', 'campaign', 'term', 'content'];
    var regex = new RegExp('(utm_(' + campaignParams.join('|') + ')|(d|g)clid)=.*?([^&#]*|$)', 'gi');
    var gaParams = str.match(regex);
    var paramsObj,
      vals,
      len,
      i;

    if (gaParams) {

      paramsObj = {};
      len = gaParams.length;

      for (i = 0; i < len; i++) {

        vals = gaParams[i].split('=');

        if (vals) {

          paramsObj[vals[0]] = vals[1];

        }

       }

     }

     return paramsObj;

  }

  function parseGaReferrer(referrer) {

    if (!referrer) return;

    var searchEngines = {
      'daum.net': {
        'p': 'q',
        'n': 'daum'
      },
      'eniro.se': {
        'p': 'search_word',
        'n': 'eniro '
       },
      'naver.com': {
        'p': 'query',
        'n': 'naver '
      },
      'yahoo.com': {
        'p': 'p',
        'n': 'yahoo'
      },
      'msn.com': {
        'p': 'q',
        'n': 'msn'
      },
      'bing.com': {
        'p': 'q',
        'n': 'live'
      },
      'aol.com': {
        'p': 'q',
        'n': 'aol'
      },
      'lycos.com': {
        'p': 'q',
        'n': 'lycos'
      },
      'ask.com': {
        'p': 'q',
        'n': 'ask'
      },
      'altavista.com': {
        'p': 'q',
        'n': 'altavista'
      },
      'search.netscape.com': {
        'p': 'query',
        'n': 'netscape'
      },
      'cnn.com': {
        'p': 'query',
        'n': 'cnn'
      },
      'about.com': {
        'p': 'terms',
        'n': 'about'
      },
      'mamma.com': {
        'p': 'query',
        'n': 'mama'
      },
      'alltheweb.com': {
        'p': 'q',
        'n': 'alltheweb'
      },
      'voila.fr': {
        'p': 'rdata',
        'n': 'voila'
      },
      'search.virgilio.it': {
        'p': 'qs',
        'n': 'virgilio'
      },
      'baidu.com': {
        'p': 'wd',
        'n': 'baidu'
      },
      'alice.com': {
        'p': 'qs',
        'n': 'alice'
      },
      'yandex.com': {
        'p': 'text',
        'n': 'yandex'
      },
      'najdi.org.mk': {
        'p': 'q',
        'n': 'najdi'
      },
      'seznam.cz': {
        'p': 'q',
        'n': 'seznam'
      },
      'search.com': {
        'p': 'q',
        'n': 'search'
      },
      'wp.pl': {
        'p': 'szukaj ',
        'n': 'wirtulana polska'
      },
      'online.onetcenter.org': {
        'p': 'qt',
        'n': 'o*net'
      },
      'szukacz.pl': {
        'p': 'q',
        'n': 'szukacz'
      },
      'yam.com': {
        'p': 'k',
        'n': 'yam'
      },
      'pchome.com': {
        'p': 'q',
        'n': 'pchome'
      },
      'kvasir.no': {
        'p': 'q',
        'n': 'kvasir'
      },
      'sesam.no': {
        'p': 'q',
        'n': 'sesam'
      },
      'ozu.es': {
        'p': 'q',
        'n': 'ozu '
      },
      'terra.com': {
        'p': 'query',
        'n': 'terra'
      },
      'mynet.com': {
        'p': 'q',
        'n': 'mynet'
      },
     'ekolay.net': {
        'p': 'q',
        'n': 'ekolay'
     },
     'rambler.ru': {
       'p': 'words',
       'n': 'rambler'
     },
     'google': {
       'p': 'q',
       'n': 'google'
     }
   };
   var a = document.createElement('a');
   var values = {};
   var searchEngine,
     termRegex,
     term;

   a.href = 推荐人;

   // Shim for the billion google search engines
   if (a.hostname.indexOf('google') > -1) {

    referringDomain = 'google';

   }

  if (searchEngines[referringDomain]) {

    searchEngine = searchEngines[referringDomain];
    termRegex = new RegExp(searchEngine.p + '=.*?([^&#]*|$)', 'gi');
    term = a.search.match(termRegex);

    values.source = searchEngine.n;
    values.medium = 'organic';

    values.term = (term ? term[0].split('=')[1] : '') || '(not provided)';

  } else if (referringDomain !== thisDomain) {

    values.source = a.hostname;
    values.medium = 'referral';

  }

   return values;

  }

function writeCookie_(name, value, expiration, path, domain) {

    var str = name + '=' + value + ';';
    if (expiration) str += 'Expires=' + expiration.toGMTString() + ';';
    if (path) str += 'Path=' + path + ';';
    if (domain) str += 'Domain=' + domain + ';';

    document.cookie = str;

}

      function getCookie_(name) {

        var cookies = '; ' + document.cookie
        var cvals = cookies.split('; ' + name + '=');

        if (cvals.length > 1) return cvals.pop().split(';')[0];

      }

function getDomain_(url) {

  if (!url) return;

  var a = document.createElement('a');
  a.href = url;

  try {

    return a.hostname.match(/[^.]*\.[^.]{2,3}(?:\.[^.]{2,3})?$/)[0];

  } catch(squelch) {}

 }

})(document);
</script>

 

 

该JavaScript将从以下位置读取数据：

• document.referrer 全局JavaScript变量（已读 推荐人)
• UTM参数
• gclid和dclid查询参数
• 会尝试将引荐来源网址数据与已知搜索引擎进行匹配

如果以上数据均不存在，则流量来源将体彩七星彩开奖结果为 （直接）.

的格式 initialTrafficSource Cookie的格式如下： utmcsr = example.com | utmcmd = affl-link | utmccn = foo | utmcct = bar | utmctr = biz

• utmcsr 是广告活动来源
• utmcmd 是竞选媒介
• utmccn 是广告活动名称
• utmcct 是广告系列内容
• utmctr 是广告活动术语

因此，在创建“自定义HTML”标记并将其体彩七星彩开奖结果为在所有页面上触发之后，请保存它。

刷新GTM预览和调试模式，然后转到您的网站’目前正在研究中。刷新页面，将显示GTM调试控制台。检查您的自定义HTML Cookie体彩七星彩开奖结果标签是否已启动。如果是，则需要检查cookie是否已正确创建。

＃1.1。检查cookie

有几种方法可以做到这一点。一种是使用浏览器’内置的开发人员工具。另一种是使用浏览器扩展，例如 EditThisChookie.

这次，我’将使用默认浏览器’的功能。如果您使用的是Chrome，请单击右上角的“三个点”图标，然后选择“更多工具”> Developer Tools.

转到应用程序选项卡，然后在存储部分下选择Cookies。单击您的域’重新开启。这将打开该域存储在浏览器中的所有第一方Cookie的列表。开始寻找 initialTrafficSource 曲奇饼。在它的名字旁边，你’ll see the value.

它的价值可能与您的价值有所不同，因为它首先取决于您如何登陆该页面。但是，如果其格式类似于上面的屏幕截图，那么您’重新走上正确的轨道。

默认情况下，Google跟踪代码管理器无法识别Cookie，也不会将其转换为变量，因此您赢得了’在您的“预览和调试”（P&D) mode’s 变数 标签…除非您自己创建一个变量。

在GTM中，转到变量>新建并使用以下体彩七星彩开奖结果创建第一方Cookie变量：

在你之后’重新完成，保存变量，刷新P&D模式，然后刷新您的页面’目前正在研究中。在P&D控制台，选择任何事件（在左侧），然后转到 变数 标签。向下滚动并继续寻找该第一方Cookie变量。这里是：

如果您的Cookie变量的值为 未定义，请检查您在该变量中输入的Cookie的名称。它是 区分大小写。一定是准确的 initialTrafficSource，不是 initialtrafficSource, 在itialTrafficSource， 或其他任何东西。

 

＃2。创建自定义维度

下一步是将此自定义数据传递给Google Analytics（分析）。我们’借助称为 自定义尺寸.

首先，转到您的Google Analytics（分析）帐户，选择要将数据发送到的属性，然后单击左下角的齿轮图标。然后在“属性”部分中转到“自定义定义”> 自定义尺寸.

创建一个新的自定义维度。您可以随意命名，但我更喜欢 初始流量来源。 选择 用户 作为范围。

单击保存并仔细查看您所拨打的电话号码’我会在小代码段中看到。就我而言’s 1，但在您的财产中该数字可能（可能会）完全不同。记住这个号码。

现在，返回您的Google跟踪代码管理器帐户。让 ’体彩七星彩开奖结果该自定义维度。您有两种选择方法，这取决于您实施其他GA标签配置的方式。如果您使用 谷歌 Analytics（分析）体彩七星彩开奖结果变量，在此处体彩七星彩开奖结果自定义维度。

如果您直接在每个GA标签中体彩七星彩开奖结果GA体彩七星彩开奖结果，则’我需要在“网页浏览”标签中体彩七星彩开奖结果以下体彩七星彩开奖结果。以下屏幕截图将基于GA体彩七星彩开奖结果变量。

打开变量，然后单击 更多体彩七星彩开奖结果 > 自定义尺寸 并输入以下内容：

• 在索引字段中，输入刚创建的自定义维度的编号。
• 在“维度值”字段中，插入您在上一章中创建的第一方Cookie变量。您可以通过单击带有乐高积木的按钮并从列表中选择变量来实现。

保存变量。

 

＃3。在网页浏览标记之前触发自定义HTML标记

下一步非常重要。您需要确保“自定义HTML”标记（ initialTrafficSource Cookie）会在Google Analytics（分析）浏览量代码之前触发。否则，您的某些访客（先降落然后反弹）会赢得’无法获取发送到Google Analytics（分析）的“自定义维度”（由于Cookie暂时无法使用） 页面预览 事件）。

因此，我们的下一个GTM功能’ll make use of is 标签排序。它使您可以在触发另一个标签之前触发一个标签。

在您的GTM帐户中，转到代码，然后打开GA 页面预览代码。点击高级体彩七星彩开奖结果>标签排序。点击复选框 在 GA浏览量 火灾 并选择您在步骤1中创建的自定义HTML标记。单击保存。

另外，打开“自定义HTML”标记并删除 所有页面 触发仅留下“标签排序”作为触发该标签的唯一方法。

 

#4. 让’s test

让’简要回顾一下我们刚才所做的事情：

1. 我们创建了一个自定义HTML标签，该标签创建了一个 initialTrafficSource 曲奇饼。如果此类cookie已经存在，则脚本将不执行任何操作。
   1. 我们创建了一个第一方Cookie变量，该变量读取 initialTrafficSource 曲奇饼。
2. 创建一个名为的自定义维度 初始流量来源 并将其范围体彩七星彩开奖结果为 用户。这意味着该用户当前和将来会话的所有匹配都将使用我们的值进行体彩七星彩开奖结果 initialTrafficSource 曲奇饼。如果你’重新了解示波器，请阅读以下内容的指南 谷歌’s knowledge base。此外，我们更新了Google Analytics（分析）体彩七星彩开奖结果变量。从现在开始，它将推动 初始流量来源 作为Google Analytics（分析）的自定义维度。
3. 我们将自定义HTML标记体彩七星彩开奖结果为先于GA 页面预览标记触发（由于该功能称为 标签排序）。

让’的测试。为了进行适当的测试’将需要执行以下操作：

• 删除 initialTrafficSource 浏览器中的Cookie（打开浏览器后’的开发人员工具，请转到 应用 > 存储 > 饼干 并删除 initialTrafficSource 曲奇饼）。您可以通过按键盘上的DELETE键将其删除。如果你’重新使用其他浏览器（不是Chrome），您’我需要自己找出方法。
• 使用 谷歌 Tag Assistant Chrome扩展程序。如果你’re new to it, 阅读本指南.

刷新页面之前，请单击Tag Assistant图标并启用诊断：

现在，刷新页面。必须在GA 页面预览标记之前触发Custom HTML标记。如果是，请检查cookie是否正确存储：

1. 首先检查浏览器的开发人员工具
2. 然后检查您的第一方Cookie变量是否正确读取了其值（您可以在GTM预览和调试控制台中看到该值）
3. 然后单击“ Tag Assistant”扩展’s图标，然后单击Google Analytics（分析）
   
4. 然后，点击浏览量。
   
   转到“自定义指标”，查看其中是否显示了cookie的值。赢了’看起来和GTM一样漂亮’s预览和调试控制台。那’，因为Tag Assistant会使用“equals” sign encoded:
   
   但是那’完全可以。在Google Analytics（分析）报告中，此自定义维度将更正确地显示。
5. 等待几个小时，数据就会显示在您的GA报告中。对于您来说，可能需要更长的时间。唐’至少在前24小时内感到恐慌。

 

我在哪里可以看到这些数据？

那’取决于您和您的想象力。这里’s an example. Go to 购置报告 > 所有流量 > 来源/媒介 并添加“初始流量来源”作为次级维度。如果您在GA中体彩七星彩开奖结果了目标或进行电子商务跟踪，则可以在一个表格中看到该用户的第一个流量来源以及该转化的最后一个流量来源。

在下面的屏幕截图中，我不知道’没有设定目标或电子商务（因为这是一个虚拟帐户），但是您知道了。

 

注意事项

即使此解决方案看起来很棒，也要记住一些严重的缺点。

• 该解决方案基于cookie。 如果访问者清除浏览器或使用其他设备登陆页面，他/她将获得一个新的 initialTrafficSource 不会代表准确情况的Cookie。但是那个’是许多网络分析工具（包括GA）的基本问题。因此，请仔细阅读数据。
• 该脚本无法访问用户的历史数据。因此，如果您现在实施它，您已经获得的用户/访问者可能会得到不正确的值。因此，您需要花一些时间并收集更多数据。随着时间的流逝，实际的新用户数量会增加，因此（一定程度上）可以减轻当前访问者/用户的影响。

 

追踪访客的最初流量来源：最后的话

我不得不承认，尝试这种跟踪技术，录制视频并撰写博客文章真的很有趣。尽管创建内容通常需要更多时间，但那’完全值得。非常感谢MeasureSchool的Julian再次邀请他加入自己的频道。如果你没有’t yet, go definitely 检查他的YouTube频道。那’是我学习GTM的interwebz场所之一。

如果您只是浏览博客文章并直接向下滚动到本文结尾，请点击此处’快速回顾一下我的所作所为’ve done:

• 实现了Custom HTML标记，该标记读取链接中的引荐数据，UTM，gclid和dclid参数，将引荐数据与已知搜索引擎进行匹配，然后使用该数据创建cookie。该cookie仅体彩七星彩开奖结果一次（除非它在某个时候被删除）。
• 然后，我们指示GTM读取该Cookie，并将其值作为自定义维度发送给Google Analytics（分析）。
• 为了确保Cookie是在GA 页面预览代码触发之前创建的，我们使用了GTM’s 标签排序.

该解决方案不是防弹的，因此，请记住它的警告（请在本博客文章结束之前阅读本章）。