javascript - 在 404 图像上的 GTM dataLayer 中设置值“img broken”

Question

当用户在前端查看损坏的图像时，我需要设置一个 dataLayer 事件。我在控制台中有很多错误，但我无法将此信息传递到 dataLayer 中，例如：

dataLayer.push({
    'event': 'broken_img',
    'eventCategory': '404',
    'eventAction': 'Broken Img',
    'eventLabel': document.location.pathname
});

页面加载时。对通用 JS 或 jQuery 代码有什么建议吗？

谢谢

Answer 1

试试这个解决方案onerror：

<img onerror="pushError(this.src)" src="https://mydomain/myimg.jpg">

window.dataLayer = window.dataLayer || [];

function pushError(src) {
  dataLayer.push({
      'event': 'broken_img',
      'eventCategory': '404',
      'eventAction': 'Broken Img',
      'eventLabel': src
  });
}