コミュニティセントラル
ヘルプ
Facebookアカウントを使ってFandomにコネクトする方法については、ヘルプ:Facebookコネクトをご覧ください

FacebookとTwitterのページはあなたのFandomに新たな編集者を呼び込みユーザーと交流を図るための立派なツールとなり得ます。

新しいエピソードについて話したり、またはゲームの最新アップデートについて語り合ったり、単に交流を図るためでもコミュニティでFacebookやTwitterのアカウントを持つことは非常に有意義です。交流用アカウントを作ることは簡単ですが、はるかに難しいのはそういったページの存在を知らせることです。FacebookやTwitterのウィジェットをメインページに設置する以上に良い宣伝方法はあるでしょうか。

Twitterのタイムラインを追加する

Help-Twitter

Twitterのタイムライン

Twitterのタイムラインをwikiのページに追加するのはとても簡単です。以下のステップに従ってください:

  • ソースエディタを使用し、以下を記入:
    <twitter screen-name="getfandom" />
  • 「getfandom」の部分をそのツイートフィードのものに変更(例:「getfandom」、「BBCNews」、「EmWatson」など)。

デフォルトのフィードは、特にメディア重視のものはとても長くなることがあり、短縮したいと思うかもしれません。私たちはTwitterの文書にリストされているパラメーターを推奨しています。

例えば、「高さ」を「500」(ピクセル)に設定したい場合:

<twitter screen-name="getfandom" height="500" />

あるいはテーマのダークを指定したい場合:

<twitter screen-name="getfandom" height="500" theme="dark" />

と書き込んでください。

注意:"widget-id"(例:<twitter widget-id="345311016592228352" />)を使った以前の方法も引き続き利用できます。

Facebookウィジェットを追加する

下記の方法を使うと、Fandom内のどこにでもFacebookウィジェットを埋め込むことができます!下記ではFandomのFacebookページ https://www.facebook.com/getfandom/ を例にしますが、ご自身のコミュニティかコミュニティのトピックに合ったFacebookページを使用してみてください。

ページプラグイン

ページ「プラグイン」はいろいろな目的で利用できるウィジェットで、閲覧者にFacebookページの「いいね!」をしてもらったり、そのページをすでに「いいね!」している友達を教えてくれたりします。このウィジェットを使えば、あなたのFandomコミュニティでFacebookページを広めるために必要なことがほぼ全て可能になります。

基本的なコーディングは下記の通りです:

<div class="fb-page" data-href="https://www.facebook.com/getfandom/"></div>

すると下記の様なモジュールが生成されます:

 

下記のパラメータをコードに加えると、さらに他の要素も加えることができます。

  • data-show-posts="true" を加えると、ページの最近の投稿を表示します
  • data-show-facepile="false" を加えると、友達のプロフィール画像を表示しないように設定します
  • data-small-header="true" を加えると、カバー画像を小さく表示し、data-hide-cover="true" ではカバー画像を全く表示しないように設定します

例えば、このようなパラメータを使うと:

<div class="fb-page" data-href="https://www.facebook.com/getfandom/" data-small-header="true" data-show-facepile="false" data-show-posts="true"></div>

下記の様なモジュールが生成されます:

 

Facebookのドキュメンテーションページ では、様々なレイアウトをいろいろ試した後コードを生成してくれるので、それをそのままあなたのFandomコミュニティへコピーして貼り付けることができます。「JavaScript SDK」を使った最初のステップについてはご心配いただく必要はありません。Fandomがすでにその部分をカバーしています。2番目のステップのコードの部分から始めていただけます。

いいねボタン

「いいね」ボタンを追加すると、ユーザーが閲覧中のページが気に入ったことを示すことができます。 また「いいね」ボタンの横に「シェア」ボタンも追加されます。

<fb:like share="true"></fb:like>

パラメータ

  • 「いいね」ボタンの横に「シェア」ボタンを表示するには、share="true"を追加します

シェアボタン

「シェア」ボタンを追加すると、ユーザーが自分のタイムライン上やグループでリンクを共有したり、Facebookのメッセージ経由で友だちとリンクを共有したりすることができます。 投稿やメッセージに追加のテキストを含めることもできます。

<fb:share-button layout="button_count"></fb:share-button>

パラメータ

  • layoutパラメータを使用して、様々な種類のボタンの中からいずれかを指定します。 指定できる値には、「box_count」、「button_count」、「button」、「link」、「icon_link」、「icon」などがあります

フォローするボタン

「フォローする」ボタンを使用すると、コミュニティのFacebookページの一般公開されている最新情報をユーザーが受け取ることができます(Facebookページを作成した場合)。 hrefパラメータを使用して、ウィジェットをコミュニティのFacebookページにリンクします。

<fb:follow href="https://www.facebook.com/getfandom"></fb:follow>

廃止されたウィジェット

2015年6月より、FacebookはFandomでサポートされていた下記の3つのウィジェットのサポートを廃止しました。

  • Like Box (<fb:like>のタグ)
  • Facepile (<fb:facepile>のタグ)
  • おすすめフィード (<fb:recommendations>のタグ)

こちらの3つのタグの代わりに、ページプラグインをご利用ください。

ベストプラクティス

  • The Muppet Wikiでは、メインページの右上にボックスを設置していて、13,000件以上の「いいね!」を獲得する大成功を収めています。お気に入りのキャラクターの画像やMuppetの最新情報をシェアしたり、ファンにコメントしてもうらうよう促したりしています。
  • The Sims Wikiも、たいへん活動的なFacebookコミュニティで、1500件以上の「いいね!」を獲得しています。 Muppet Wikiと同様に、ボックスをページの右上に設置して、新しい訪問者の目に一番最初に留まるようにしています。 Sims Wikiでは、新しい記事の共有だけでなく、コミュニティ上で行われた重要なディスカッションについての通知にも積極的にFacebookページを活用しています。

お困りの場合は

TwitterやFacebookのボックスの設置についてお困りの場合は、どうぞお気軽にフォーラムでコミュニティに助けを求めるかかFandomスタッフにお問い合わせください。

チュートリアル:ソーシャルメディアにおけるFandom

関連情報

その他のヘルプとフィードバック