前提・実現したいこと
コールトラッキングのjavascriptになりますが、
テキストの電話リンクでは反応するのですが、
画像の電話リンクでは反応せず困っております。
画像の電話リンクで反応するようにjavascriptの修正したいのですが、
具体的な書き方を教えていただきたいです。
よろしくお願いします。
該当のソースコード
javascript
1<script type="text/javascript"> 2;(function() { 3 var calltracking = undefined; 4 document.addEventListener('click', function(e) { 5 if (e.target && e.target.href && e.target.href.indexOf('tel:') == 0) { 6 calltracking = { 7 timestamp: (new Date()).getTime(), 8 element: e.target 9 }; 10 } 11 }); 12 callListener = function () { 13 if (calltracking) { 14 var diff = (new Date()).getTime() - calltracking.timestamp; 15 dataLayer.push({ 16 'event': 'Call', 17 'gtm.element': calltracking.element, 18 'duration': Math.floor(diff / 1000) 19 }); 20 calltracking = undefined; 21 } 22 }; 23 document.addEventListener('touchstart', callListener); 24 document.addEventListener('mousemove', callListener); 25})(); 26</script>
HTML
1<a href="tel:0000000000"><img src="images/bnr_telBtn.png" alt="電話問い合わせ" class="banner"></a>