ブログをリニューアルします〜その3・完結編

公開日: : 最終更新日:2013/06/06 サイト制作


LINE facebook twitter URLコピー
B! pocket note 楽天


リニューアル時のまとめ

 グーグルアナリティクス、携帯・スマホ・PC完全対応

 何とか間に合いました。ライブドアさんのブログメディア大賞の締切が今月中でしたので、何とか間に合わせたかったのですが、ようやく完成。

 以下、リニューアル時のまとめ、ということで。
 

1.Ktai Style 2 にグーグルアナリティクス

 当ブログはWordpressを使っていますので、携帯用プラグインを使い、まずは携帯対応。モバイル版グーグルアナリティクスへの対応方法も、プラグイン作者の池田さんのサイトに書いてありますので、それを使わせて頂きました。

 Yuriko.Net » Ktai Style 2 への Google Analytics 設置方法
 Google Analytics 携帯版のレポートがとれません – ウェブマスター 公式ヘルプフォーラム
 【WordPress】Ktai styleにGoogle Analyticsのトラッキングコードを埋め込む方法 | 渡辺大祐ブログ
 WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン) ※cache関連対策

 なお、私の環境では、「/ga.php」のところを「./ga.php」とすることで動作。あとルートに、ga.phpを置きました。
 

2.iPhone、Android対応〜WPtouchプラグイン

 WordPress › WPtouch « WordPress Plugins

 WPtouchというWordpress用プラグインを使用しました。上記URLからダウンロードしWordpressのpluginフォルダにアップロードし「使用する」にすればokです。

 また、私の環境ではdocomoのHT03Aに反応しませんでしたので、以下のように「Advanced Options」欄に、Androidと手入力。
 wptouchのandroid設定

 さらに下のほうに、グーグルアナリティクスのコードを入れる欄があります。Amazonへのリンクに入れてあるイベントトラッキングもしっかり動作してました。
 wptouchの設置方法
 

3.PCサイト〜アナリマティックデザイン

 造語です。アナリティクスとオートマティックを合わせました。
 アナリマティックデザイン

 デザインに取り込むアクセス解析

 こんなコンセプトで、デザインと更新ポリシーをリニューアルしています。

 皆さんのブラウザでは、上図のようにTOPが表示されてますでしょうか??

 リピーターの方は、上図のようになっていないはずです。新規の方のみコンセプトを明示してみました(他にも変わってる部分ありますよ!)。このように、アクセス解析をデザインに取り込んでみませんか?という提案を、今後していこうと考えました。

 その際、大いに影響を受け、そして活用させて頂いていますのがryownetさんのga.utils.jsというグーグルアナリティクス用ライブラリです。

 GAのクッキー情報を手軽にJS変数として使う「ga.utils.js」 – Web Analytics Latte

 訪問者のクッキーを取得しJavaScriptで利用できるようになるんです。これが無かったら今回のコンセプトは生まれなかったと思います。この場を借りてお礼申し上げたいと思います。本当にありがとうございました。

 なお、3カラムになりましたでの、ちょっと五月蠅く感じる方もいらっしゃるかもしれませんが、当サイトは8割が新規の方なんです。ですから、最初からある程度は、いろいろなリンクをお見せした方がいいかな、と判断。一方、テンプレートのソースはシンプルになったはずですので、パフォーマンスは上がったと思います(サーバー増強も予定しています)。どうぞご理解のほど、よろしくお願いします。

 あとはこんな感じ。プラグインも整理しました。

 ・コメント欄に海外サイトでよく見るようになったDisqusを使用。良い感じ。
 ・WordPress › Like « WordPress Plugins プラグイン(「いいね!」ボタン)
 ・WordPress › Social Bookmarking JP « WordPress Plugins プラグイン(Twitterなどソーシャルブックマーク)
 ・WordPress › Theme Test Drive « WordPress Plugins プラグイン(テーマをテスト出来ます)
 ・関連記事表示 >>参考記事
 ・Amazon、改行、タイトル、PRE、関連記事表示もろもろCSSの調整
 

4.まとめ〜グーグルアナリティクス設置

 ・ガラケー対応はYURIKO.NETさんの所で調べよう。
 ・スマートフォン対応はWPtouchプラグインの設定で。
 ・PCサイト対応はテンプレート編集でOK。ソーシャルもプラグインで対応。

 全体のチューニングはまだこれからなのですが、しっかりと詰めていきたいと思います。
 また、リニューアル後の変化もいずれ紹介しますね。

 どうぞ、これからもカグア!をよろしくお願いします。

基本からしっかりわかる WordPress 3カスタマイズブック (Web Designing Books)
大藤幹
毎日コミュニケーションズ
売り上げランキング: 44890
WordPress関数リファレンスガイド
藤本 壱
ソシム
売り上げランキング: 65886
WordPressスーパーカスタマイズ 3.0対応 ポテンシャルを100%引き出すテクニック
下野 宏 下野 理子
ソフトバンククリエイティブ
売り上げランキング: 405963
  • このエントリーをはてなブックマークに追加
  • Pocket

Profile


Yoshihiko Yoshida
40代で2児の父。ブロガー兼ユーチューバー。ネット業界24年目。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑