前提・実現したいこと
LINEのソーシャルプラグインの友達追加ボタンが押された回数をアナリティクスで計測したいです。
発生している問題・エラーメッセージ
ソーシャルプラグインのタグを配置すると、タグが置きかわりiframeでボタンが表示されるのですが、
このボタンが押された時にクリックイベントを発火させることができません。
該当のソースコード
順番的にはlineのタグの後ろにスクリプトを記載しています。
html
1<div id="cv"> 2 <div class="line-it-button" data-lang="ja" data-type="friend" data-lineid="example" style="display: none;"></div> 3 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script> 4</div> 5 6<script> 7 var elLineWrapper = document.getElementById('cv'); 8 elLineWrapper.addEventListener('click', function(){ 9 ga('send', 'event', 'test', 'test'); 10 }, true); 11</script> 12
試したこと
https://teratail.com/questions/65173
上記質問にてやりたいことを解決してくださっていたので、
参考にしてiframeをdivタグ(#cv)で囲いこのdivに対してイベントを発火させるようにしてみたのですが、
発火されず、iframe内のボタンを押した時の画面遷移のみが実行されます。
囲いのdivタグ(#CV)タグを広めに設定して、
ifremeに被らないところをクリックするとGAタグが発火されるのですが、画面遷移は行われません。。
どうにかクリックイベントを発火させ、かつiframe内のボタンを押した時の画面遷移も行いたいのです。
iframe外のクリックイベントは正常に取得できているので、GAタグ記載は問題なさそうです。
ご教授いただけると幸いです
あなたの回答
tips
プレビュー