PLUS1WORLD

スマホサイトにGoogle+で人気のある記事を表示する為のコードと設定

google-plus-content-recommend-0021

Google+ には最近まで、おすすめ記事の表示機能(レコメンド機能)がありませんでした。+1ボタンを押した際に他のユーザが勧める記事を表示する機能がありましたが、ボタンにマウスカーソルを合わせたタイミングでしか表示されないため、使い勝手の良いものとは言えませんでした。

Google、Google+を利用したモバイルサイトのコンテンツ推薦エンジンをローンチ | TechCrunch Japan

しかし、この度モバイル限定ですが、Google+ユーザのおすすめ記事を表示する機能が利用できるようになりました!

今回はこのGoogle+のおすすめ表示機能(モバイル)を導入する方法について解説します。

広告

Google+ で人気のある記事を表示する手順

記事の末尾までスクロールするとGoogle+のユーザーのその記事に対する投稿のサムネールが表示される。タップすると投稿がフル表示される他に、そのサイトの最近の人気記事のタイトルと推薦者が表示される仕組みだ。
Google、Google+を利用したモバイルサイトのコンテンツ推薦エンジンをローンチ | TechCrunch Japan

Google がおすすめのコンテンツを自動で作成して表示してくれます。おすすめのページはページに対する+1の情報を元に表示しているようです。

しかも、このコンテンツ表示はパーソナライズ化されており、Googleアカウントでログインしている状態であれば、そのアカウントの情報に沿ったおすすめページを表示します。よく出来てますね。

Google+ でブログをやっている方はこのおすすめ表示機能を導入するとより多くのページを読んで貰えそうです。

Google+おすすめ表示機能の設定方法

まず、この機能を導入するサイトでモバイル対応しておくことをおすすめします。モバイルでの表示がなくPC表示だけの場合、この機能を導入しても、おすすめの表示がものすごく小さく表示されるだけで、恐らく気づいてもらえません。ウェブサイトをモバイルに対応させておきましょう。

そして、この機能を使うにはGoogle+ページが必要です。まだ、この機能を導入したいサイトのGoogle+ページを作成していない場合はGoogle+ページを作成しておきましょう。

Google+ページは既に用意済みであるという方は、Google+ページと対象のウェブサイトをリンクさせる必要があります。リンクの方法については、→ Google+ページとウェブサイトをリンクさせる方法が簡単になりました こちらを参考にしてください。

ここまでで、下準備は完了です。準備が出来た方は以下のページにアクセスしてください。

https://plus.google.com/dashboard

対象Google+ページの「このページを管理」の部分を押します。

google-plus-content-recommend-0031

左のメニューまたは、歯車ボタンを押して「設定」画面へ移動します。

google-plus-content-recommend-0032

左のメニューから、「設定」を選ぶか、

google-plus-content-recommend-0033

歯車ボタンを押すとメニューが出るので「設定」を選ぶ。

google-plus-content-recommend-0034

移動したら「サイト向け」を押します。

「モバイルのおすすめ」についてのページが表示されます。

google-plus-content-recommend-0003

「1回限りの設定」を押します。

google-plus-content-recommend-0005

表示されたコードを対象のサイトのヘッダーセクションに追加します。+1ボタンなどを導入済みの場合、plusone.js を読み込むコードが既に記述されているはずですが、そちらのコードを削除する必要があります。削除しても、今回のコードを配置すれば問題なく+1ボタン等は動作しますのでご安心ください。

コード配置後「完了」ボタンを押してください。

google-plus-content-recommend-0006

モバイルのおすすめに関する細かい設定が可能な設定画面が表示されます。

google-plus-content-recommend-0008

おすすめを表示しないページやおすすめしないページを設定出来ます。調整を行いたい場合、この画面で設定しておきましょう。

おすすめを表示するタイミングは以下の3つから選べます。

  • ユーザーが上にスクロールしたときに表示する
  • ユーザーがスクロールして ID 付きの要素を過ぎたときに表示する
  • ユーザーがスクロールしてクエリ セレクタを過ぎたときに表示する

通常は初期設定で問題ありません。

モバイルのおすすめを有効にして1分ほどでおすすめ表示機能は利用可能になります。

google-plus-content-recommend-0012

モバイルで画面下部におすすめ情報が表示されます。

google-plus-content-recommend-0014

触るとおすすめページが表示されます。

Google アカウントでログインしている状態だと、あなたの知り合いが+1したページ等がおすすめされます。

google-plus-content-recommend-0020

~さんが おすすめしています と表示される。

google-plus-content-recommend-0016

知り合いがおすすめのページを紹介される。

Google+ で人気の記事を表示しよう

スマートフォンだけでなくiPad でも表示を確認できましたので、タブレット端末でも表示されるようです。モバイルは携帯電話だけではないので、対応してくれるのはありがたいですね。

レコメンド機能は好き嫌いの別れる所ではありますが、Google+をメインに使っていて、ブログやウェブサイトをお持ちの方は、このおすすめページ表示機能を導入してみてはいかがでしょうか。

スペシャルサンクス:宮比のん

4881668757
Google+ Hacks!