【カテゴリ:パソコン ブログカスタマイズの記録】
『Seesaa』ブログのスマホ用ページに『Google Analytics』を設置する為の手順です。以前、『Google Analytics』を『Seesaa』ブログに設置する際の手順ということで、以下のような記事で書いたことあります。
※ 参考記事:2012年06月14日
『Google Analytics』(=Google のアクセス解析サービス)を設置した
『Google Analytics』(=Google のアクセス解析サービス)を設置した
上の記事ではPC用のページだけでしたが『Seesaa』ブログのスマホ用のページにも簡単に設置できます。
検索すると、“『Google Analytics』は『Seesaa』ブログのスマホ用のページに設置できない”というような勘違いと思われる情報がちらほら見つかったので、自分の場合の設置内容/手順を書いておくことにしました。
自己流なのでもしかしたら設置方法に間違いがあるかもしれませんが、とりあえずスマホページへのアクセス内容は問題なく『Google Analytics』のレポート画面に反映されています。
スポンサーリンク
以下、設置の手順です。
1.まず『グーグル アナリティクス』用の『トラッキングコード』を取得する手順です。
(1) 『グーグル アナリティクス』にログインし、右上の『アナリティクス設定』をクリックします。
(2) 以下のような画面が表示されるので、『トラッキング情報』をクリックします。
・以下のような『トラッキング情報』の画面が表示されます。
(3) ここに表示されている『トラッキングコード』をコピーしておきます。
(スマホ用のページに設置する『トラッキングコード』も、PC用のページに設置している『トラッキングコード』と全く同じです。)
2.次に『トラッキングコード』を『Seesaa』ブログのスマートフォン用ページに設置する手順です。
(1) 『ブログの管理メニュー』⇒『デザイン』の『デザイン > PC > デザイン一覧』画面から『スマートフォン』のタブをクリックします。
(2) 以下のような画面が表示されるので、『コンテンツ』をクリックします。
(3) 以下のような画面が表示されるので、『自由形式』のコンテンツを一番上に追加します。
(4) 追加した『自由形式』のコンテンツをクリックすると、以下のような画面が表示されます。
(5) コピーしておいた『トラッキング コード』を貼り付け、『タイトル』の箇所には任意のわかりやすい名前(例.“グーグルアナリティクス”など)を入力します。
(6) 一番下までスクロールして『保存』ボタンをクリックします。
・以下のように『設定を完了しました』と表示されます。
(7) 右上の×マークをクリックして閉じます。
(8) 以下のような画面に戻ったら、また『保存』ボタンをクリックします。
・以下のように『設定を変更しました。』と表示されます。
これで設置終了です。
自分の場合はスマホを持っていないのですが、『Mobilizer』というシミュレーターを使えばパソコン上でもスマホ用のページを表示させる事が出来ます。
以下は、試しに『Mobilizer』を使ってこのブログを表示した場合の例です。
上はブログのトップページを表示した場合ですが、ページのアドレスには『/s/』と表示されていました。
任意の記事のページを表示した場合は、『/s/article/372633115.html』のように表示されていました。
このようにスマホのページを表示したときに『グーグルアナリティクス』の画面に『/s』で始まるアドレスのページが表示されればOKです。
以上です。
1.まず『グーグル アナリティクス』用の『トラッキングコード』を取得する手順です。
(1) 『グーグル アナリティクス』にログインし、右上の『アナリティクス設定』をクリックします。
(2) 以下のような画面が表示されるので、『トラッキング情報』をクリックします。
・以下のような『トラッキング情報』の画面が表示されます。
(3) ここに表示されている『トラッキングコード』をコピーしておきます。
(スマホ用のページに設置する『トラッキングコード』も、PC用のページに設置している『トラッキングコード』と全く同じです。)
2.次に『トラッキングコード』を『Seesaa』ブログのスマートフォン用ページに設置する手順です。
(1) 『ブログの管理メニュー』⇒『デザイン』の『デザイン > PC > デザイン一覧』画面から『スマートフォン』のタブをクリックします。
(2) 以下のような画面が表示されるので、『コンテンツ』をクリックします。
(3) 以下のような画面が表示されるので、『自由形式』のコンテンツを一番上に追加します。
(4) 追加した『自由形式』のコンテンツをクリックすると、以下のような画面が表示されます。
(5) コピーしておいた『トラッキング コード』を貼り付け、『タイトル』の箇所には任意のわかりやすい名前(例.“グーグルアナリティクス”など)を入力します。
(6) 一番下までスクロールして『保存』ボタンをクリックします。
・以下のように『設定を完了しました』と表示されます。
(7) 右上の×マークをクリックして閉じます。
(8) 以下のような画面に戻ったら、また『保存』ボタンをクリックします。
・以下のように『設定を変更しました。』と表示されます。
これで設置終了です。
自分の場合はスマホを持っていないのですが、『Mobilizer』というシミュレーターを使えばパソコン上でもスマホ用のページを表示させる事が出来ます。
※ 参考記事:2012年04月11日
『Mobilizer』を使ってスマホでの表示イメージを確認した
『Mobilizer』を使ってスマホでの表示イメージを確認した
以下は、試しに『Mobilizer』を使ってこのブログを表示した場合の例です。
上はブログのトップページを表示した場合ですが、ページのアドレスには『/s/』と表示されていました。
任意の記事のページを表示した場合は、『/s/article/372633115.html』のように表示されていました。
このようにスマホのページを表示したときに『グーグルアナリティクス』の画面に『/s』で始まるアドレスのページが表示されればOKです。
以上です。
スポンサーリンク
【カテゴリ:パソコン ブログカスタマイズの記録】の最新記事
- 今更ですが、サイドバーにアクセスカウンターを設置した
- 『Seesaa』ブログでカテゴリの一覧表示をツリー化した
- 『Seesaa』ブログで『記事のコンテンツHTML』を新しいソーシャルボタンの仕様に対応させた
- 『Seesaa』ブログで記事の中の画像に枠を付ける方法について
- 『Seesaa』ブログでCSS(スタイルシート)やHTMLを編集する際の手順
- 『Seesaa』ブログで『続きを読む』の文言を表示させる方法を変更した
- 『Seesaa』ブログでディスク使用量が2GBに到達したので『ストレージプラン』を申し込んでみた
- 『Seesaa』ブログに『3D球体タグクラウド』を設置してみた
- 『ブログカスタマイズ』最近変更した箇所のまとめ
- 『Seesaa』ブログでカテゴリの一覧を『メニューバー』のように表示させてみた
- サイドバーに『CUBACLOCK』のブログパーツを設置した
- 『Seesaa』ブログで記事本文の右上に『カテゴリ』を表示するようにした
- 『Seesaa』ブログで『続きを読む』の文言を画像で表示することができた
- 『Seesaa』ブログに『LinkWithin』を導入した
- 『我RSS』を利用して『最近の記事』の一覧を画像付きで表示するようにした
- ユニクロのブログパーツ『UNIQLO CALENDAR』と『UNIQLOCK』をサイドバーに設置した
- 『ACR WEB』の『ページランキング』で画像が表示できた
- 『Seesaa』ブログで記事タイトルの右上に画像を表示させてみた
- 『Seesaa』ブログに『ファビコン』を設置した
- 『最近のコメント』と『最近の記事』の一覧にスクロールバーを付けた