在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
  });
}