javascript - 如何将传入的 Google Analytics 营销事件 utm 字符串传递给传出点击

Question

我想要进行这样的设置，如果我使用 Google Analytics(分析)营销事件字符串(utm_campaign 和 utm_source)为我的网站带来流量，这些字符串将被存储，然后附加到来 self 网站的任何传出链接/点击。

示例，如果我想从 Linkedin 中的新闻文章中获取流量

传入链接:

https://mywebsite.com/landing-page/?utm_campaign=news&utm_source=linkedin

我希望这样当访问者点击传出链接(或我网站中的任何链接)时，传出链接将附加 utm 字符串，如下所示:

https://outgoinglink.com/welcome-aboard/?utm_campaign=news&utm_source=linkedin

任何人都可以帮助如何拥有这样的东西。我的网站是在 Wordpress 中，似乎没有专门的插件。

Answer 1

你可以用 Javascript 来做这件事，而且用 jQuery 肯定会更容易，所以我会给你 jQuery 解决方案。

$(function(){
  var params = window.location.search;
  if (!!params) {
    $('a[href]').each(function(){
      $(this).attr('href', $(this).attr('href') + params);
    });
  }
});

将其放入您的 header 中，它将向您的链接添加参数。请注意，如果链接已经附加了查询字符串，这可能会破坏您的链接。在这种情况下，这段代码应该还有 1 个边缘情况。

$(function(){
  var params = window.location.search;
  if (!!params) {
    $('a[href]').each(function(){
      if ($(this).attr('href').indexOf('?') === -1) {
        $(this).attr('href', $(this).attr('href') + params);
      } else {
        $(this).attr('href', $(this).attr('href') + '&' + params.substr(1));
      }
    });
  }
});

请注意，此代码供您学习，可以针对生产目的对其进行优化并使其更加安全。

如果您需要保留第二页或更高页面上的参数，您应该首先将其添加到 localStorage，然后从中读取它并再次附加到每个链接上。

希望有帮助

编辑:

您可以检查这支笔，

https://codepen.io/mnikolaus/pen/dZeVLv

编辑2:

jQuery(function(){
  var params = window.location.search;
  if (!!params) {
    jQuery('a[href]').each(function(){
      if (jQuery(this).attr('href').indexOf('?') === -1) {
        jQuery(this).attr('href', jQuery(this).attr('href') + params);
      } else {
        jQuery(this).attr('href', jQuery(this).attr('href') + '&' + params.substr(1));
      }
    });
  }
});