最近、楽天のECサイトを構築しているのですが、
最近ではあまり使うことのないiframeやインラインcssを使うことがあり大変です(^_^;)
今回はグーグルアナリティクスのトラッキングコードをiframe内に設置した場合に親のページの要素を取得できる方法を解説します。
単純にheader.htmlにユニバーサルアナリティクスのトラッキングコードを記述しただけだと、
http://item.rakuten.co.jp/店舗名/c/0000000150/
という商品ページが表示された場合、
アナリティクスに取得するデータは
http://www.rakuten.ne.jp/gold/店舗名/header.html
になってしまいます。
つまりどのページが見られているか判別できないのです！
これではハッキリ言ってアナリティクスを設置する意味がありません (*´Д｀)=3
しかし！トラッキングコードを改変することで、簡単に解決可能です！
|
1 2 3 4 5 6 7 8 9 10 |
<script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-11111111-1', 'auto'); ga('send', 'pageview', document.referrer); //この document.referrer を追加する！ </script> |
この document.referrer を追加するだけで、 親ページの要素を取得できるようになります！たぶん
googleAnalyticsに慣れている人なら当たり前のことかもしれませんが、検索しても全然ヒットしなかったので（キーワードが悪かった？）今後の為に記事にしています。
ってか楽天関係は解説サイトが少ないので手探り感がすごいです…( ；∀；) ｶﾅｼｲﾅｰ
2015.06.10 追記
コメントで頂いたのですが、このコードだとリファラー情報(参照元やキーワードなど)が取得出来ていないっぽいです。(全く取得出来ていないわけでは無い？)なので、詳しい情報は楽天RMS内のアクセス解析ツールで確認して下さい！
RMSにログインするのが面倒くさいんでアナリティクス貼ったんですがあまり意味無いですね…
でも、PVやセッション数などは取れているので全く意味がないことは無いかと！
解決方法が分かると方や、こうやった方がいいよという方がおられれば是非教えて下さい！
参考にさせて頂きます。
使えていますか？
今のところ問題なくデータは取得できています！
もし不安であれば、アナリティクスのリアルタイムで、
実際にデータの取得ができているか確認してみるといいと思います！
スマホサイトの分析はどのようにされてますか？
>たかさん
お客様の予算の関係でスマホサイトは構築していないので、
あまりわからないのですが、
スマホサイトでも楽天GOLDでストアを構築しているのであれば、
同様にiframeで読み込んであげればいいと思います！
あと、楽天RMSのストア解析ツールもある程度優秀なので、そちらも併用していけば…
すごく一般的なことですいません(ノд・。)
こんにちは。こちらの記事を拝見してanalyticsタグの導入を試みましたが
リファラー情報が取得できません（検索キーワードとか）。
アクセス数と、見られているページは取得できているのですが・・・
タグを記載したhtmlをgoldのサーバに置いて、iframeで読み込んでいるのですが。
>たろいもさん
リファラー情報は取れていたつもりだったので、気にしていませんでした…
たろいもさんのコメントを見てから確認したところ、
正確に取れていませんでした。(index.htmlの部分のみ取得していた？)
少し調べてみたのですが、解決方法が見がわからなかったので、
リファラー情報(キーワード・参照元)は楽天RMSのアクセス解析で確認するしかないかと…
お役に立てず申し訳ないです。
もし解決方法がわかる方がいれば情報お待ちしています！