ゲームのシェア機能

The Web Games on Facebook and Facebook Gameroom platforms are no longer available for new submissions. This documentation is intended solely for developers with existing games. To learn more, read our blog post.

ゲームにシェア機能を追加すると、プレイヤーはゲームのアクティビティを自分のプロフィールや友達のフィードにシェアできます。この一対多のコミュニケーションチャネルは、新たなプレイヤーの獲得とエンゲージメントを促進する強力なツールとなります。シェアされたすべてのストーリーはプレイヤーのプロフィールで直接公開されるため、質の高い直感的なシェアフローをゲームに組み込むことが重要です。このガイドでは、各ゲームに最適なシェア方法を決定する上で役立つ情報を提供しています。

ゲームでは、次の方法でストーリーをシェアできます。

  • レベルやアチーブメントなど、ゲームコンテンツに関する容量の軽いストーリーを、リンクシェアの形でシェアする。
  • プレイ画面のスクリーンショットやリプレイ動画などの写真や動画をシェアする。

シェアはシェアダイアログを使用して実装できます。シェアダイアログは、ウェブiOSAndroidで利用でき、これによって利用者はFacebookと同じUIを使用してコンテンツをシェアできるようになります。また、シェアダイアログを利用する場合は、Facebookログインを実装する必要がないため、開発者の手間を省くことができます。

シェア機能とアトリビューション

モバイルゲームでは、iOSとAndroidに組み込まれているシェア機能を利用できるため、開発者が複雑な組み込み作業をすることなく、Facebook上でのシェアが可能になります。ただし、この方法でシェアする場合はアプリと連携できないため、シェアのメリットが限定されてしまいます。

アトリビューションを含まないリンクシェア

Facebook SDKにより提供されているシェアダイアログをiOSやAndroidで利用すると、ゲームから生成されたストーリーをシェアできます。これにより、ストーリーのアトリビューションラベルからゲームへのトラフィックを促進できるなど、付加的なメリットが得られます。

アトリビューションと[プレイ]コールトゥアクションを含むリンクシェア

ストーリーのタイプ

リンクシェア

リンクシェアは、ゲームからコンテンツを取得してフィードに表示する最もシンプルな方法です。リンクをシェアすることによって、Facebook上でのゲームコンテンツの見え方や、利用者がコンテンツをクリックしたときの動作をコントロールできます。

リンクシェアを介してコンテンツをシェアするには、公開URLとして利用可能で、FacebookのダイアログかAPIを介してシェアできるリンクを作成する必要があります。レベル、ボスキャラクター、収集可能なアイテムなど、ゲーム上の共通オブジェクトの表示を作成したり、プレイヤーの島や農場など、プレイヤー固有のコンテンツへのリンクを生成したりできます。

Criminal Caseのパーソナライズされたリンクシェア

コンテンツの最適化

リンクのフィードでの見映えを向上させるために、Open Graph (OG)メタデータを使用してリンクを最適化できます。OGメタデータを使用してメイン画像、タイトル、説明を定義すると、Facebookのフィードにリンクが表示される際に使用されます。

大きなサイズの画像を提供した場合、Facebookのフィードではできる限り大きなサイズで表示されます。この方法を利用するには、画像を幅1200ピクセル以上、アスペクト比を1.91:1以上にする必要があります。

Caesars Casinoの大きなサイズの画像を使用したリンクシェア

ウェブコンテンツの最適化について詳しくは、ウェブ管理者のためのシェア機能ガイドをご覧ください。

シェアのリンク先

シェアのリンク先は、ゲームの再エンゲージメントやリテンションを促すチャネルとしてシェアを活用する上で非常に重要です。プレイヤーがすぐにゲームに戻れるようにすることが、プレイヤーを増やす鍵となります。動作はプラットフォームによって異なります。

  • モバイル: ゲームアプリのアトリビューションとともにリンクをシェアすると、リンク先は常に、アプリか、アプリがインストールされていない場合はアプリストアになります。
  • デスクトップ: ゲームアプリのアトリビューションとともにリンクをシェアすると、[ゲームをプレイ]のコールトゥアクションが表示されます。アクションを実行するとFacebookゲームに移動します。それ以外のリンクをクリックした場合は、そのシェアで定義されているURLに移動します。

アプリによって投稿されたフィードのストーリーからプレイヤーがアクションを実行すると、アプリかアプリストアのページに移動し、トラフィックとアプリのインストールが促進されます。App Linksを使用すると、この動作をコントロールでき、プラットフォームごとに個別のリンク先を指定できます。この機能は、iOSAndroidを含むすべてのデバイスで利用できます。

写真と動画

自分でホストするコンテンツをリンクでシェアする代わりに、ダイアログを利用して、メディアコンテンツをFacebookに直接シェアすることもできます。Facebookにコンテンツを直接シェアする方法には、コンテンツがフルサイズでフィードに表示されたり、動画コンテンツがデスクトップとモバイルの両方で自動再生されたりするメリットもあります。ただし、写真や動画はコンテンツ表示に最適化されているため、このようなストーリーからゲームに直接アクセスするプレイヤーはあまり多くありません。そのため、写真や動画は、面白そうなコンテンツを表示してプレイヤーを引き付けるという用途に最適です。

Pearl's Perilからシェアされた写真

リンクシェアを使用する場合、Open Graph動画タグをリンクのメタデータに追加できます。これにより、動画コンテンツがFacebookのフィードに表示されます。この場合、HTML 5対応動画ファイルまたはカスタムSWFプレイヤーを定義できます。この動画コンテンツは、再生中にURLから読み込まれるため、Facebookで自動再生されません。

Nords:Heroes of the Northのバトルのリプレイ動画のシェア

参考:動画コンテンツの種類

シェア方法

ダイアログでのシェア

ゲームからコンテンツを取得してFacebookに表示する最も簡単な方法は、iOS、Android、ウェブで利用可能なシェアダイアログを使用する方法です。対応しているプラットフォーム用のFacebook SDKを使用すると、リンク、メディア、Open Graphストーリーをゲームから直接シェアできます。

ダイアログによるCriminal Caseのシェア

シェアダイアログでシェアする場合、[シェア]ボタンをプレイヤーにタップしてもらう必要があります。Facebookゲームの場合、シェアダイアログはゲームの上にオーバーレイ表示されます。iOSやAndroidのモバイルゲームの場合、シェアダイアログはゲームの上に表示され、横向きモードと縦向きモードの両方に対応します。

参考:

ベストプラクティス

ゲームのシェア方法にかかわらず、シェアのエクスペリエンスを最適化するためのベストプラクティスをご紹介します。

シェア可能なタイミングを定義する

ゲームを進めていくにつれて、プレイヤーがゲームの進行状況を友達とシェアしたい場合があります。ゲームの設計時に、ゲームプレイ中にシェアを提案するタイミングを定義してください。例えば、ハイスコアの更新時、ステージクリア時、新しいインベントリーアイテムの取得時などです。

ゲーム内のお知らせにシェアボタンを表示して、これらのイベント発生時にプレイヤーが簡単にシェアできるようにします。シェアされた内容が興味をそそるものであればあるほど、プレイヤーの友達の中から新しいプレイヤーを獲得できる可能性が高くなります。

Nords:Heroes of the Northのシェア可能なタイミング

シェアフローがポリシーに準拠していることを確認する

ゲーム中にプレイヤーが適切なタイミングでストーリーをシェアできるよう、シンプルで分かりやすいボタンを使用してください。例えば、ボタンにはっきり「シェア」と表示し、緑で強調表示するなどプレイヤーの注意を引くような工夫をします。そうすることで、プレイヤーは明確な意図をもってシェアするようになり、フローを完了させる見込みが高くなります。

参考:Facebookプラットフォームポリシー、セクション2: ユーザーの自主性を尊重する

魅力的なコンテンツを表示する

プレイヤーがコンテンツをシェアすると、ゲームの新しい利用者を獲得するチャンスが生まれます。シェアされたコンテンツは、多くの場合、プレイヤーの友達がそのゲームのコンテンツを初めて目にする機会になります。

ゲームを目にしたことがない友達にとって魅力的なコンテンツになるよう、工夫してください。ゲーム内のキャラクターが特徴的な場合は、その画像を使用できます。画像は複数のオブジェクトに使い回さないようにしてください。

Criminal Caseのシェアで、ゲームキャラクター画像を使用した例