Facebookが文章を簡単にシェアできる機能を提供開始

2016.4.13
quote_041316_022209_PM

Facebookの年次開発者会議「F8」でブログなどのサイトに追加できる「引用シェア(Quote Share)」の機能を発表しました。「Quote Plugin」として提供が開始されています。

文章や言葉を引用してのシェアを簡単に

ブログなどを見ていて何か印象的な言葉をシェアしたいなぁっと思った時、従来であれば自分でコピペする必要がありましたが、この機能を使うとテキストを選択するとポップアップメニューが現れ、そこから簡単に投稿ができるようになります。

このブログでも実装してあるので試せますが、動作の様子は下記のような感じです。ちなみに、モバイルでは動作しません。

テキストを選択するとポップアップが出てきます

テキストを選択するとポップアップが出てきます

シェアの画面では自分のコメントとは別に引用した文章が表示されます。

シェアの画面では自分のコメントとは別に引用した文章が表示されます。

タイムライン上でも自分のコメントとは区別して表示されます。

タイムライン上でも自分のコメントとは区別して表示されます。

こういうのってモバイルでも手軽にできるようになるといいのだけど、これから対応するのかな?

Mediumでは実装済みの機能

この選択した箇所をシェアするという機能、最近話題になっているMediumでは実装済みです。

スクリーンショット_041316_014720_PM

もとがTwitterから派生したというだけあって、シェアできるのはTwitterだけですが、選択してハイライトさせた個所にコメントを書けたりと機能は豊富です。facebookもこの方向に進むのかな?

WordPressでの実装方法

WordPressにこの機能を追加するのは簡単です。前提としてOpen Graphが設定してある必要がありますが、これは最近は大抵のサイトで設定済みだと思うので問題ないでしょう。

スクリプトを追加

下記のスクリプトを<body>直後、あるいは</body>直前に追加します。


<div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

すでに「いいね」ボタンなどを使っていて、facebookのスクリプトを設定済みの場合は、そのスクリプトに

&version=v2.6";

だけ追加すれば大丈夫なはずです。

あとは、</body>直前に下記のタグを追加します。

 <div class="fb-quote"></div>

これだけで設定は完了です。

同様の機能を追加するWordpress プラグインもある

Facebook純正のものはもちろんFacebookにしかシェアできませんが、同様の機能でFacebookだけでなくTwitterやGoogle+などにもシェアできるようにしたWordpressプラグインも存在します。ただ、私が試した範囲ではFacebookへちゃんとシェアできるものが見つけられませんでした。Twitterへはどれもうまくゆくんですけどね。

せっかくなので、幾つかのプラグインのリンクだけ貼っておきます。

Quoty

Selection Sharer by Hans van Gent

Inbound Rocket by Inbound Rocket

How to Add Medium-Like Select and Tweet to WordPress (Plus Free Plugin!)

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Sony、ハイエンドなXperia XZ Premiumなど4機種を発表 6インチのXperia XA1 Ultraは今回も防水非対応

SonyがMWC 2017でフラッグシップとなるXperia XZ Premium、XZs、ミドルクラスのXA1、XA1 Ultraを発表しました。 XZ Premiumのハイスペックさも気になるとこ

プリッツを食べながらU-NEXTで映画を観よう! プリッツ映画見放題」キャンペーンが2月28日からスタート

グリコとU-NEXTがコラボし、プリッツを購入するとU-NEXTの動画が24時間見放題になるという「プリッツ映画見放題」キャンペーンを2月28日から開始します。 キャンペーン期間は7月3日まで。 対象

Motorola、Amazon Alexaが利用できるMoto Modsやゲームコントローラ一体型のMoto Modsなどを発表

MotorolaはMWCでMoto G5、Moto G5 Plusを発表しましたが、これに合わせて、Moto Zシリーズで使用するMoto Modsの新モデルも発表しています。 その中で目玉となるのが

「Withings」が消滅 Nokiaブランドに統一へ

2016年6月にNokiaに買収されたWithingsですが、そのブランド名が今夏なくなります。 NokiaとWitingsが、Withingsブランドを廃止し、Nokiaブランドに統一することを発表

「WEBメディアびっくりセール」が名前の通りびっくりするほど熱かった!

ディリーポータルZが主催した「第1回 WEBメディアびっくりセール」に参加してきました。 関連:2月26日のWEBメディアびっくりセールに出展します – Dream Seed 初めての開催ということで

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

「Withings」が消滅 Nokiaブランドに統一へ

「Withings」が消滅 Nokiaブランドに統一へ

2016年6月にNokiaに買収されたWithingsですが、そのブランド名が今夏なくなります。 NokiaとWitingsが、Withingsブランドを廃止し、Nokiaブランドに統一することを...

「WEBメディアびっくりセール」が名前の通りびっくりするほど熱かった!

「WEBメディアびっくりセール」が名前の通りびっくりするほど熱かった!

ディリーポータルZが主催した「第1回 WEBメディアびっくりセール」に参加してきました。 関連:2月26日のWEBメディアびっくりセールに出展します – Dream Seed 初めての開催とい...

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

HUAWEI P9とP9 lite、どちらを購入するか悩んでいる人のために、スペック比較と選ぶためのポイントになりそうな箇所をピックアップしてみました。...

スライドQWERTYなMoto Modsが間もなくIndiegogoでキャンペーンを開始

スライドQWERTYなMoto Modsが間もなくIndiegogoでキャンペーンを開始

やっぱり出てきた、Moto Z用QWERTYなMoto Mods! motorolaのMoto Z / Moto Z PlayはMoto Modsという着せ替えジャケットに対応しており、バッテリ...

MENU

back to top