ネットショップ応援団/アミアンインターナショナル

ネットショップの売り上げアップをとことん支援します。高知県のオンラインショップ専門のコンサルタント

google+

google+ウィジットをwordpressにインストールする方法

| 0 comments

google+

google+

google+始まりました。
もう使ってます?

私もすっかりハマっているのだが、残念ながらまだスタートしたばかりということもあり、色々と不満な点も多々ある。

そんな不満な点の一つが、google+のwordpressウィジットがないこと。

いや、無いわけではなくリンクだけを表示するタイプはいくつかあるにはあるが、twitterやFacebookのように幾つかの記事をリスト表示してくれるウィジットは現状ない。

まだgoogle+がAPIを公開していないせいもあるので将来的には色々と出てくるのだろうが、既にバリバリと利用している私としては、いかにも残念だった。

そんな訳で、いっそのこと自分で作ってしまえ!
と一念発起したわけなのだ。

RSSを取得する

これを実現するためには、まずgoogle+の記事を何らかの方法で取得する必要がある。

今回はRSSで取得することにした。

こちらのblog記事を参考に、自分の投稿記事をRSSで取得した。

Google+のRSSフィードを生成してくれるサービス「plusfeed」

ナビ部分に出力する

RSSを取得できたので、あとはこれを表示するだけ。

こちらのblog記事を参考に、RSSを表示した。

WordPressで外部RSS(twitter等)を表示させる

【2011/12/06追記】
上記サービスはサービス停止となっているので、下記のサービスを利用して下さい。

http://gplus.slfeed.net/RSS2/あなたのgoogle+ID

私の場合なら
http://gplus.slfeed.net/RSS2/102930499130204409224
となります。

フォロワー数を表示する

以上のことだけでも良かったのだが、Facebookウィジットのように何人にフォローされているか(google+ではサークルに入れられている、と呼んでいる)も表示させたかったので、こちらのサービスを利用した。

Google+ Statistics on SocialStatistics.com

自分のgoogle+のプロフィールを表示させたとき、URLに表示される数字がIDなので、それを右のテキストボックスに入れればOK。
こういうサービスは嬉しいね。

完成したソース

以上の作業で、ウィジットは完成。
念のため、私の環境のHTMLを貼っておく。

<div data-id=”102930499130204409224″></div>

<script>(function(d,t){var b=d.createElement(t),c=d.getElementsByTagName(t)[0];b.async=b.src=”http://socialstatistics.com/widget/widget.min.js”;c.parentNode.insertBefore(b,c);})(document,’script’);</script>

<div id=”gplus”>

<?php include_once(ABSPATH . WPINC . ‘/rss.php’); $rss_url = “http://gplus.slfeed.net/RSS2/102930499130204409224″;$limit = 8;$rss = fetch_rss($rss_url);$items = array_slice($rss->items, 0, $limit); ?>

<ul> <?php if (empty($items)): ?> <li>記事がありません</li><?phpelse : foreach ( $items as $item ) : ?> <li><a href='<?php echo $item[‘link’]; ?>’><?php echo $item[‘title’]; ?> </a></li> <?php endforeach; ?> <?php endif; ?></ul>

<p><a href=”https://plus.google.com/102930499130204409224/posts”>google+公開ページを見る</a></p>

<p><a href=”http://gplus.slfeed.net/RSS2/102930499130204409224″>RSS</a></p>

</div>

簡単に”102930499130204409224″の部分を自分のgoogle+IDに書き換えても使える。

ちょこっとCSSもいじったので、そちらも貼ってみる。

#gplus li{
border-bottom: 1px dashed;
padding: 5px 0;
}

.socialstatistics-widget{
margin-top: 1em;
}

ちょっとは見やすくなったかな?

gplus_widgit

gplus_widgit

Author: amiensjp

ネットショップ応援団。 ​​2007年よりネットショップに特化したコンサルティング事業を​​行い、講演、コンサルティングなどを多数行っている。(​​高知情報ビジネス専門学校講師、高知新聞社セミナー講師など) 自らネットショップを7年間経営し、ホームページ制作、 受注等バックヤードの対応、システムの効率化、商品撮影、​​商品説明、メールマガジンなど、すべての必要なスキルに精通。 日本有数のアーケード商店街「帯屋町筋」の青年部会長、​​理事を長年勤め、商店街および日本の小売業改革に奮闘。 <現職> 高知県商工労働部eコマースチャレンジ支援事業アドバイザリーメ​​ンバー 中小企業基盤整備機構四国支部地域活性化支援アドバイザー 高知県産業振興センター認定コンサルタント e商人養成塾役員 <主な商店街活動歴> 協同組合帯屋町筋 理事 協同組合帯屋町筋 情報委員会委員長 協同組合帯屋町筋 青年会長 中心街事業協同組合 理事 帯屋町一丁目商店街振興組合 理事 帯屋町一丁目商店街振興組合 青年会長 京町・新京橋商店街振興組合 理事 京町・新京橋商店街振興組合 青年会長 高知市商店街振興組合連合会青年部 副会長 中村市商業協同組合 理事 <主な対外活動歴> 高知県物流拠点設置検討諮問委員会 委員 高知市街路市問題検討委員会 委員 協同組合高知ラッキーシール 理事 高知県青年中央会 副会長 高知青年会議所 高知商工会議所

コメントを残す

Required fields are marked *.


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください