使用Google标记管理器跟踪出站链接而不损害SEO

Question

我的网站包含一个与社交媒体链接的小部件，我正在使用脚本打开链接。

因为我没有将链接直接添加到href属性中，我认为网页爬虫可能会错过它们，这可能会伤害我的搜索引擎优化。

除了导航到URL之外，我希望跟踪每个出站链接点击。

我应该如何设置这与谷歌标签管理器？

小部件HTML：

<ul class="social-networks">
    <li>
        <a 
            href="javascript:void(0);" 
            onclick="navigate('pinterest');"
        >Pinterest</a>
    </li>
    <li>
        <a 
            href="javascript:void(0);" 
            onclick="navigate('facebook');"
        >Facebook</a>
    </li>
    <li>
        <a 
            href="javascript:void(0);" 
            onclick="navigate('instagram');"
        >Instagram</a>
    </li>
</ul>

JS (Google标记管理器)：

<script type="text/javascript">

  function trackOutboundLink(name, url) {
     dataLayer.push( {
        'event': 'Navigation Click',
        'navigationClick': {
          'name': name,
          'url': url
        }
      });
  }

  function navigate(name) {

    let url;

    if (name==='facebook') {
        url = 'https://www.facebook.com/MyAccount'; 
    } else if (name==='instagram') {
        url = 'https://www.instagram.com/MyAccount';  
    } else if (name==='pinterest') {
        url = 'https://www.pinterest.com/MyAccount/';  
    } else {
        console.log('Warning: Unknown link'); 
    }

    trackOutboundLink(name, url);
    window.open(url);
  }
</script>

Answer 1

下面是我的解决方案，使用onclick跟踪单击和href导航。更简单的方法是使用Google的出站链接跟踪触发器，这似乎完全消除了对onclick脚本的需求。

小部件HTML：

<ul>
    <li>
        <a 
            href="https://www.pinterest.com/MyAccount/" 
            onclick="return trackOutboundLink('pinterest');"
        >Pinterest</a>
    </li>
    <li>
        <a 
            href="https://www.facebook.com/MyAccount" 
            onclick="return trackOutboundLink('facebook');"
        >Facebook</a>
    </li>
    <li>
        <a 
            href="https://www.instagram.com/MyAccount" 
            onclick="return trackOutboundLink('instagram');"
        >Instagram</a>
    </li>
</ul>

JS (Google标记管理器)：

<script type="text/javascript">

  function trackOutboundLink(name) {
     dataLayer.push( {
        'event': 'Navigation Click',
        'navigationClick': {
          'name': name
        }
      });
      return true;
  }
</script>