251 人が現在オンライン
251 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

「LINEで送るボタン」クリック時のGoogleanalyticsのイベント計測について

初級者 ✭

LINEで送るボタン」をクリックした数をGoogle Analyticsで計測をしようとしております。

 

公式サイトに掲載されているコードを実装したところ、Javascriptからiframeが出力され、その中のbutton要素をクリックすることで、実行される処理になっているようです。

https://media.line.me/ja/how_to_install#lineitbutton

公式サイトに記載されている埋め込みコード

<div class="line-it-button" data-lang="ja" data-type="share-b" data-url="https://media.line.me/ja/how_to_install#lineitbutton" style="display: none;"></div> <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

 iframeやその親要素に対して、JavascriptjQueryを使ってclickイベントを取得しようとしたところ、bubblingを止められているらしく、取得することができませんでした。

 

 

また、下記の記事にてネイティブなJavascriptでなら取得できるという記載がありましたので、それも試したのですが、取得できませんでした。

https://teratail.com/questions/65173

記事内のコードを引用

 

var elLineWrapper = document.getElementById('jsLineWrapper');

elLineWrapper.addEventListener('click', function(){

    console.log("click");

}, true);

 

 

更に、下記のようにiframe内の要素に対して直接clickイベントを取得しようとしましたが、クロスドメインのために、DOMExceptionになりました。

DOMExceptionになったコード

 

$(function(){

    setTimeout(function(){

        $("iframe.line-it-button").on("load", function(){

            $("iframe.line-it-button").contents().find("button").on("click", function(){

                console.log("click");

            });

        });

    },100);

});

 

Google Analyticsに送信するより前段階の、

Javascriptの技術的な問題が主な内容なるかとおもいますが、

解決方法がございましたらご教示いただけますと幸いです。

 

宜しくお願いします。

Re: 「LINEで送るボタン」クリック時のGoogleanalyticsのイベント計測について

Ray
レジェンド
すすむさん、こんにちは。

LINEのボタンに対してイベントを設定したことはないので未検証ですが、GTMでclassをトリガーとしたイベント設置、では動かなかったでしょうか?
もしまだお試しされていなくて、GTMもご利用されているようでしたらご検討いただけると幸いです。

よろしくお願いします。
Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: 「LINEで送るボタン」クリック時のGoogleanalyticsのイベント計測について

初級者 ✭
Ray様
ご回答ありがとうございます。

GTMはすでに導入しておりましたので、
いくつか条件を変えて計測できないかを試してみましたが、
やはりLINEボタンだけ動かないようでした。

引き続き、自分でも色々試してみます。
よろしくお願いします。