Javascript Google Analytics-客户端请求事件标记并提供脚本。我如何实现它？

并提前感谢您的指导！ 我已经创建了一个基本的HTML/CSS网站为朋友的业务，但现在有人从他们的团队要求这个脚本被添加到他们的网站跟踪外部链接点击

<script> 
dataLayer.push({
'event': 'uaevent', 
'ecommerce': 'undefined',
'eventCategory': 'outbound links',
'eventAction': 'select::url',
'eventLabel': '([link name] | [target-url])' 
}); 
</script>

数据层推送({
'event'：'uaevent'，
“电子商务”：“未定义”，
“eventCategory”：“出站链接”，
'eventAction'：'select:：url'，
“eventLabel'：”（[link name]|[target url]）”
}); 

我对分析脚本的了解非常有限，我以前从未这样做过

他们已请求为其站点上的链接“启动”此脚本。 （以下链接）

这个呢

<a href="https://saloncentric.secure.force.com/candidateportal/FCMS__CMSLayout? 
jobSite=All%20Brands&p=Candidate&page=JobListPage" target="_blank"><div 
class="calltoactionfooter">
<button class="footerbutton">CLICK HERE TO VIEW ALL BRAND OPPORTUNITIES</button>
    </div> </a>

---

我曾尝试将“链接名称”（查看所有品牌…）和“目标url”（外部链接）添加到脚本中，并将其添加到头部，但我认为这是不正确的。非常感谢您的帮助

你知道团队是否会利用Google Tag Manager来管理标签吗？如果是，您将需要一些额外的代码片段。一个需要放置在开口头部标签的顶部，另一个需要放置在开口主体标签的顶部。一旦这些被放置好，他们应该能够通过GTM管理他们这边的所有事件。

我同意iHavenoidia，这应该通过GTM来完成，但是你也可以在你的网站上这样做：

<script> 

const bannerButtonClick = () => {
  const url = "https://saloncentric.secure.force.com/candidateportal/FCMS__CMSLayout?jobSite=All%20Brands&p=Candidate&page=JobListPage";

  dataLayer.push({
    'event': 'uaevent', 
    'ecommerce': 'undefined',
    'eventCategory': 'outbound links',
    'eventAction': url,
    'eventLabel': 'bannerButton' 
  });

  window.location.href = url;
}

</script>

<a href="javascript:void(0)" onclick="bannerButtonClick()" target="_blank"><button 
class="bannerbutton">VIEW ALL BRAND OPPORTUNITIES</button></a>

const bannerButtonClick=（）=>{
常量url=”https://saloncentric.secure.force.com/candidateportal/FCMS__CMSLayout?jobSite=All%20Brands&p=Candidate&page=JobListPage";
数据层推送({
'event'：'uaevent'，
“电子商务”：“未定义”，
“eventCategory”：“出站链接”，
“eventAction”：url，
“eventLabel”：“bannerButton”
});
window.location.href=url；
}

因此，我们创建了一个函数bannerButtonClick，当单击链接而不是重定向到href时，我们执行一个javascript函数，该函数首先将数据发送到数据层，然后重定向到URL

由于你有多个链接，你将需要多个功能或一个更聪明，但同样的逻辑将适用

---

我希望这能有所帮助。

是的，他们将使用谷歌标签管理器。我已经在头部和身体下方添加了GTM代码。现在他们想要跟踪事件（外部链接点击）完美！现在您已经完成了所有的初始设置，他们只需要创建一个带有just links触发器的GA事件。他们会将其设置为检查验证，并在页面URL与RegEx“*”匹配时启用触发器。然后，触发器将被设置为在链接单击时触发，如果单击URL与域不匹配。大部分工作应该通过GTM完成。首先，非常感谢您的回复，我非常感谢。他们坚持认为这是我需要在代码中设置的东西。他们甚至向我提供了他们希望看到触发的链接选择，以及设置它的代码。如果你已经在网站上设置了GTM，并且工作正常，那么你的工作就完成了。我的意见是，链接跟踪应该通过GTM实现（例外情况除外）。我想他们坚持要你安排一些事情，因为他们更喜欢你做工作，而不是他们。我完全同意。我告诉他们，我不是100%确定如何为他们设置，他们非常具体，我提到他们团队中的某个人是否可以这样做，他们说他们希望我们（网页设计师）这样做。我会再向他们提起这件事，看看进展如何。非常感谢您的回复！我100%肯定这是他们所要求的，但就像你提到的，这应该通过GTM在他们这边完成。我是否能够复制/粘贴到头部，它应该开始为他们工作？是的，你需要将JavaScript放入头部，编辑链接HTML代码，它将开始工作。

<script> 

const bannerButtonClick = () => {
  const url = "https://saloncentric.secure.force.com/candidateportal/FCMS__CMSLayout?jobSite=All%20Brands&p=Candidate&page=JobListPage";

  dataLayer.push({
    'event': 'uaevent', 
    'ecommerce': 'undefined',
    'eventCategory': 'outbound links',
    'eventAction': url,
    'eventLabel': 'bannerButton' 
  });

  window.location.href = url;
}

</script>

<a href="javascript:void(0)" onclick="bannerButtonClick()" target="_blank"><button 
class="bannerbutton">VIEW ALL BRAND OPPORTUNITIES</button></a>