質問: レスポンシブにてページを制作中です。 ページ内に複数の商品を配置していて、商品写真をクリックすると colorboxのポップアップ(inlineHTML)で、各商品の詳細を表示させています。 ここで、各商品をポップアップに Google Analyticsでイベントトラッキングを設定しています。 ``` ``` 各ポップアップ内にはSNSのシェアボタンや外部リンクも設置していて同じようにga設定しています。 Analyticsのリアルタイムイベントでクリックを確認した所、SNSのシェアボタンや外部リンクはきちんと漏れなく計測できるのですが、ポップアップクリックのみ、反映される場合と反映されない場合がありました。(されない方が圧倒的に多い) 色々調べた所、GAへデータ送信する前にポップアップが表示されてしまい、クリックデータが取得されない=カウントされないという事かな?と推測していますが、解決策が思いつきません。。 きちんとポップアップのクリック数を計測できるような 回避方法をご指導頂けないでしょうか? --- ちなみに下記記述でPCではきちんとポップアップのクリック数、反映できました。 ``` ``` スマホでは下記の記述で大丈夫でした。 ``` ``` レスポンシブなので、出来るだけ1個のソースで設定できたらな、と思っていますが行き詰まっております。 --- ご指導のほど、どうぞ宜しくお願い致します。
回答: kei344さんの`onOpen` で送っては?というアドバイスのもと 色々と調べまくり、自己流ですが下記のコードで無事解決致しました! ``` $(function() { $(".inline").colorbox({ inline:true, onOpen:function() { var popurl = $(this).attr('href'); var popname = $(this).attr('title'); ga('send','pageview', {'page':popurl,'title':popname}); }}); }); ``` 本当はイベント `ga('send','event'〜` で取得したかったのですが どうしても出来なく、previewでは成功しました。 PC、スマホ、タブレットでほぼ完璧に(漏れなく)取得できました。 kei344さん、ありがとうございました。