いろいろとリアルタイム系のアクセス解析サービスを試したりしてるんですけど、新しくコードを追加したり既存のコードに手を加えずに、自分の管理下にあるサイトは全部適用されるので素敵です。ココに表示される内容は、今のところ他のサービスと同じような感じになってます。

まだ申し込み窓口はあいてます

まだこのリアルタイム解析のことを書いてあるブログの記事には、アーリーアクセスの申し込みのページへのリンクも残ってるようなので、興味のある方は登録してみるといいですね。繰り返しますが、何も追加しなくてよいのは楽です（笑）。

GAのブログにも書いてありますけど、ソーシャルメディア使ったりキャンペーン打ったりとかしてるんだったら、リアルタイムにその効果が見える方がいいと思いますよ。どこから流入してきてるとか反応は即座に確認できるので。

簡単にいえば、Googleさんがデータを拾い上げて最適化したデータをGoogleのサーバから世界中に配信しちゃうよ、ギャハ。しかも今なら無料！みたいなこと？ となると、CDN系サービスの存在意義は…（厳密には違うだろうけど）。

ま、登録する前に置き換えたらどうなるかチェックから始めましょう。

専用のWebPageTestのサイトでチェック

サイトの右側にある「Check It Out」ボタンを押すと下のページに移動します。

このページとかはまだ日本語化されていませんが、Page Speed Serviceのマニュアルみたいなもんですね。で、そこにある「Running the tests」の手順に従ってすすめます。

リンクをクリックすると「WebPagetest – Comparison Test」のページに移動するので、チェックしたいサイトのURLを入力。下にあるのは、どこのサーバからチェックするかです。そこはお好みで。

準備ができたら右にある「START TEST」をクリック。

テストはちょっと時間かかりますが（さらにいま混んでる）、そのままちょっとほったらかしておけば終わります。終わったらこの画面が出てきて、オリジナルのロード時間（リピートビュー）と最適化された場合の時間が並べて表示されます。サーバのある場所とテストする場所の関係で秒数はもろもろ変化します。数字見ればわかりますけど、緑の数字だと最適化した方が効果あるってことです。

うちだといろいろ最適化的な施策はやってるといえ、全体のロード時間とレンダリング開始の時間が1秒ぐらい速くなるみたいな結果になりました（東京から、US Eastからとテストしてみたけど、どっちも）。リピートビューとかはちょい遅れると出てますが誤差みたいなもんでしょう（笑）。

とまぁこんな感じなので、使ってみたかったらサイトのトップページにある「Sign Up」から進んでフォームに必要事項を入れて申し込んでおくと幸せになるかもしれません。有効になったら、自サイトのドメインのCNAMEを書き換えて…みたいな感じですので、それはマニュアル読んでください。

Now you don’t have to worry about concatenating CSS, compressing images, caching, gzipping resources or other web performance best practices.

ブログに書かれているように、Webサイトの表示パフォーマンス関連でいろいろ面倒な画像の最適化だったり、キャッシュのこと、gzipだったりってことも気にしなくて良くなる、と。そういえば、そもそものサービス名は「Page Speed Service」でしたね、その辺の細かいコントロールはダッシュボードからカスタマイズできるようです。

取り急ぎそんなサービスを始められたようです、というお知らせでした。

ボクが普段からTwitterのアカウント（@proteanbm）で海外のWebデザインやらソーシャルメディア、マーケティング、心理学や脳科学などの最新記事をブックマークしていることをご存知の方もいらっしゃるかもしれません。フォローしてくださってる方、朝からバンバンすみませんｗ

限定サークルでの情報発信 & 派生するコミュニケーションにも期待

で、それがGoogle+と何の関係があるかというと、その中から時間がある時に大ざっぱですが内容を訳してみたり（概要だけだったりもしますけど）、補足できる場合には内容を書き足したりしながら限定サークル内に向けて公開しています。一方的にいれるのも迷惑でしょうから一応希望者を募って。

幸い文字数制限がない？Google+は、ブログに書くまでもないようなちょっとしたまとめがしやすいんですよね。ポストにぶら下がってコメントも書けるので、そこから派生するコミュニケーションも期待できます。こういうのはちょっとパブリックじゃやりにくいんです（いろいろな理由から 謎）。

Google+の限定公開サークルは仲の良い同士で愚痴を書き連ねることもできますが（笑）、こういったちょっと前向きな使い方もできますよ、と。

そんなことに気が付いたので、簡単ですがプライバシー的なことが気になるあなたへ公開範囲に関する設定方法を。

プロフィール画面で公開範囲をコントロール

一応初歩的な話からやりましょう。自分の登録しているプロフィールの公開範囲は、プロフィールの編集画面からコントロールすることができます。

右上の編集ボタンをクリックすると編集モードになります。

各項目には地球のアイコンだったり鍵のアイコンだったりと、その公開範囲に合わせてアイコンが付いているのがわかります。公開範囲を編集するときは、その項目名をクリック。

そうすると、公開範囲の設定ができるのでお好みで設定しましょう。

サークルのメンバー表示を変更する

はい、ここからが本題です。

自分が登録しているサークルのメンバーの一覧は、サークルごとにお好みで表示・非表示を切り替えることができます（もちろんまるっと非表示も可）。また、自分を登録している人たちを非表示にすることもできます。

左側に見えている自分のサークルのメンバーリストの部分をクリック。

はい、こんなダイアログが出るので設定しましょう。

サークル名の部分をクリックすればチェックマークがオン・オフされるので、それで表示・非表示を切り替えます。全部見せたくなかったら一番上の「Show people in」のチェックを外しましょう。

全部非表示ならこうですね。サークルを限定して表示する場合はその下のラジオボタンで公開範囲をコントロールできます。また、自分を登録している人たちのリストを見せたくなれば、一番下のチェックを外すと。

そんな感じでサークルのメンバーの表示・非表示の切り替えが可能です。

Googleアカウントの設定もたまには見ましょう

これからいろいろ機能なんかも追加されたりしていくでしょうから、Googleアカウントの設定もたまには見ておきましょう。

Google+の通知の設定とかもあります。

iPhone用のGoogle+のアプリも出たことですしね。アプリをインストールして起動してみたら「Huddle のとこに何かいっぱい入ってた！」とかあるかもしれません（笑）。Huddleの許可範囲もここで変更できるので、見ず知らずの人からHuddleされても困るって人はサークル限定にしておきましょう。

と、プライバシー的なものが気になるあなたへ教えておきたいことでした。

じゃ、簡単に（笑）。

「Huddle」はグループメッセンジャー

左が起動直後の画面、右がログイン画面です。

なにやら見慣れない「Huddle」ってのがありますが、これは自分のサークル内の人たちとやりとりできるグループメッセンジャーのようです。そう書いてあるからそうなんでしょう（笑）。

ログインするとこんな感じ（左）でボタンが並んでいます。ストリームはモバイル版と同じで左右にスワイプすることでIncomingなどを表示可能です。

左が「Huddle」の画面。メッセージを新しく送る時は右上のボタンから。自分のもとに届いたら下にリストされます（消してしまったけど）。右が「Photos」、アップロードは同じく右上から。写真は新規書き込みの時にも一緒に添付できます。

ストリーム全体ではなく、サークルに絞ってみたい場合は「Circles」のボタンからついついっと進むと一覧がでます。で、見たいサークル名をタップして絞り込み。とまぁ、使えばすぐ分かる感じです。

Google+をお使いの皆さんはさっそくダウンロードですね。
→ Google+ for iPhone（AppStore）

Google+はまだフィールドテスト中なので正式版で変わるんでしょうが、いまのテスト中の画面はGoogleさんにしては珍しくいまひとつ読みやすさにかけてる気がします。文字回りのメリハリがあまりないからか、要素間のマージンが足りないからか若干窮屈な印象が…（※個人の感想です）。

そういうのを一時的に解消して読みやすくするのがこの拡張機能の役目です。これをインストールするには、Googleさんのブラウザ「Chrome」が必要です。

※このようなサイトに便利機能をくっつけてくれるような拡張機能は確かに便利なのですが、中のデータにアクセスできたりするわけなのでね。便利便利っていろいろ入れてると…、皆さんくれぐれもお気を付けください。

Usability Boost をインストール

とりあえず完全版としてリリースされるまでのその場しのぎとして、手っ取り早く見た目を変えるならこの拡張機能が一番かな、と。

もともとの見た目はこんな感じ。

拡張機能をインストールするとこうなります。Google+の画面に薄いグレーの背景色がついて、個々の書き込みが罫線でかこまれて間隔が調整されます。「+1」の数やコメント数の部分、コメント部分にも背景色がついています。あと、上の黒いツールバーがスクロールにあわせて追随してきますね。

全体をみるとこんな感じ。はい、終わり（笑）。

Stylebotを使ってもう少し改良

Usability Boost を入れるだけでだいぶ読みやすさは改善します。でも、これはこれでまだバランスが悪い部分もあったりします。背景色がつくのはいいんですけど、全体のブロックの左右に余白が足りなかったり。

（追記）最新のアップデートで余白が修正されたり、グレーの背景色を使うかどうか選べるようになっています。

もともとボクは自分自身のために「Stylebot」という拡張機能を使って、書き込みの中の要素間のマージンの調整、コメントの文字サイズを一段小さく気持ちグレーに、知り合いかも的なSuggestionsのブロックを非表示、といったことをする「plus-minus」を作って公開していました。

Stylebot をインストールしてからリンクを開くと右上に「Install」ってボタンが見えますので、それを押してあげればインストールされます。ちなみにこのStylebotのサイトでは、FirefoxとかでいうところのUserStylesみたいな感じでいろんなサイトの見た目を変えるCSSが公開されいます。

せっかくなので、今回のこの拡張機能を使った場合の改良版「Usability Boost for Google Plus + plus-minus」を作って公開しましたので、それを入れてあげることでこの全体ブロックの左右の余白も調整されてごらんのようになります。

背景色のしかれた全体ブロックの左右に余白がつきました。

本文の文字サイズはそのままで、微妙な要素間のマージンを調整しています。あと、Usability Boost で追加された+1の数とコメント数の部分の背景を除去して、ほとんど見えるか見えないかの点線の区切り線を入れてます。

ストリームの画面をみるとこんな感じになりますね。

ちなみにUsability Boostを使わなくて「plus-minus」だけ入れてあげたらこのようになります。

え？サークルが丸見えだって？ 大丈夫、たいして分けてないので（笑）。

あくまでその場しのぎですから

近いうちにGoogle+も正式版としてリリースされるでしょう。それまではフィールドテスト中ということもあっていろいろ変更も加えられていくはずです。サイト内の仕様に変更があった場合は、この類のものを入れてると画面表示がおかしくなったりする可能性が多々ありますのでくれぐれも自己責任でご利用ください。

あくまでもその場しのぎ、ってことでひとつよろしくお願いします。

（追記: 2011.07.15）連続して同じ画像が再共有されてうざったい人は、上のStylebotを入れて以下のコードを追加すれば消えますよ。

div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S{display:none;}

リンクの概要とかに入ってくる画像は消えないので大丈夫です。

まったくなくなっちゃうのも困るな、って方は上のコードの代わりにマウスオーバーした時だけ見えるように以下のような記述を追加しても良いですね。

div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S{opacity:0.1;}
div.ea-S-C.ea-S-rg-pa.d-s-r.ea-S:hover{opacity:1;}

このAuthorshipっていうのは、「コンテンツ（の作者）とGoogleプロフィールを結びつけて、そのコンテンツの原作者が誰かなのかをはっきりさせること。それによって、Googleを使う人たちも検索結果からその作者を見つけやすくなるでしょう」といった感じでしょうか。

そんなわけで簡単ですが、Authorshipの追加の仕方をひとつ。

ブログを例に挙げて解説するとこんな感じ

わかりやすく説明するためにブログを例にしてみますね。ブログの記事っていうのは、それぞれの記事に執筆者がいます。執筆者が単体であるうちのようなブログもあれば、複数人で書いてるブログもあることでしょう。

その記事の執筆者が誰なのかは、記事に併記されたクレジットなどから確認できますし、名前の部分にリンクが埋め込まれていればサイトのアバウトページ（もしくはそれに準ずるページ）などでプロフィールを確認することができます。ここまでは既存のブログやWebサイトによくある形です。

でも、それだけだとそこで完結してしまう。そこでAuthorshipの登場です。

それを用意しておけばの話ですが、「Googleプロフィール」というのは、Googleにある自分のアバウトページだと言い換えることもできます。そのプロフィールページにはリンクを入れる箇所が右側に用意されています。その部分とサイトのアバウトページをリンクさせる、とGoogleプロフィールとサイトが紐付くわけですね。その関係性を手短に説明するとこのような仕組みになっているようです。

前述した説明の一部だけ取り上げると単なる紐付けに思えるけど、実は同じ内容のコンテンツが仮に大量複製されて別サイトに掲載されても、そのコンテンツが初めてネットに出た時の執筆者が特定できるわけですよね。コピー先があたかも自分が書いたように同じように紐付けたらアウトというか。Googleさんからしてみれば、文章の大半が同じであるうさんくさいコンテンツの発見、そういうサイトの排除にも役立つんじゃないかと思われます（なので、ブログ書いてる人はやっといた方が良いかもね）。

では、簡単に入れ方の説明を

まず、サイト内にある個々の記事に執筆者名にリンクを入れてアバウトページへのリンクを貼ります。この時に使うのが「rel=”author”」です。

Written by <a href=”http://example.com/about” rel=”author”>執筆者名</a>

このように「rel=”author”」を指定して、一旦アバウトページへリンクします。

それができたら、アバウトページには以下のように「rel=”me”」を使ってGoogleプロフィールへのリンクを追加します。

<a href=”GoogleプロフィールのURL” rel=”me”>執筆者名</a>

たとえば、ボクの場合は以下のようになります。

<a href=”https://profiles.google.com/108893305869300078846/” rel=”me”>こもりまさあき</a>

はい。サイト側の設定はこんな感じです。Googleプロフィールのボタンを使いたい場合は、こちらのページで生成することができます。

最後にGoogleプロフィールのページのリンクを編集して、リンク先が「自分のことについて書かれているページだよ」ってところにチェックを入れて保存しておきましょう。

ちゃんとリンクされてるかどうか確認するには、「Rich Snippets Testing Tool」で適当な記事のURLを入れてみると良いでしょう。

author
profile = http://example.com/about
verified = Verified: The author link points to an author profile page on the same domain as this page.

「Verified」という緑の文字が出てきたらおそらく大丈夫です。

最後のステップとして、この解説ページの一番下にあるリンク先のフォームから何やら入れてくれって書いてあるようなので一応入れておきました。複数のサイトを持っていたりする場合などの説明もここに書いてありますのでそちらを参考にしてください。

＃WordPressでこの「rel=”author”」やら「rel=”me”」を追加する方法は、既にいくつかの記事が出ていますが、Yoastさんのとこにテンプレートをいじる方法が載っています。ご参考までに。