Question

<div class="post-share-bar">
<ul>
<li class="share-on">Share on</li>
<li class="facebook">
<a href="https://www.facebook.com/sharer/sharer.php?s=100&amp;u=www.Example.com" data-width="520" data-height="350" alt="Share on Facebook"></a>
</li>
<li class="twitter">
<a href="https://twitter.com/intent/tweet?text=Some%20text%20here;related=Example&amp;via=example&amp;url=http://example.com" data-width="550" data-height="510" alt="Share on Twitter"></a>
</li>
<li class="google">
<a href="https://plus.google.com/share?url=www.Example.com" data-width="600" data-height="600" alt="Share on Google+"></a>
</li>
<li class="whatsapp"><a href="whatsapp://send" data-text="" data-href="" style="display: none;">Whatsapp</a></li>
</ul>
</div>

我想设置一个具有社交轨道类型的GA标记，我需要在点击时传递网络参数的li类值，例如。 Facebook，Twitter，谷歌，Whatsapp。社交的行动部分被固定为文章共享。我要传入的操作目标是{{Page URL}}。

那么如何获取li类值并将其推入自定义变量？

Answer 1

一个选项是创建一个Custom JavaScript变量，它接受clicked元素并返回父类，它将是您正在寻找的社交平台的名称，类似这样（假设您加载了jQuery）：

$('.post-share-bar a').click(function(){
   var platform = $(this).parent().attr('class')
   // do something with 'platform'
)}

将li类添加到自定义Google代码管理器变量中

1 个答案: