OpenGraphを介したFacebookとのWebサイト統合

Facebook OpenGraph コンテンツアグリゲーター(検索エンジン、ソーシャルネットワーク、およびその他のサービス)からの "トラフィック"をユーザートラフィックと交換して、パブリッシャーは絶えず疑問に思っています。 メディアリソースの一般的な混乱で身元を失い、制作結果を無料で提供し、見返りを何も得ないということは、メディアマネージャーが最大限の宣伝と公開を決定する際の妨げとなるリスクです。

この意味で、 Facebookが発表したOpenGraphのサポートはやや挑発的なようです。 このテクノロジーにより、サイトは、対象となるすべてのオブジェクト(人、場所、製品、組織、芸術作品など)のソーシャルネットワークプロファイルにエクスポートできます。 これらのオブジェクトのいずれかをサブスクライブしているユーザーは、 NewsFeedで情報メッセージを受信できるようになり、興味のあるこれらのオブジェクトと検索結果が表示されます。 Facebookは素晴らしい機会を提供しましたが、同時に、スタンドアロンメディアの将来の運命について真剣に考えさせられました。

Sports.ruは、この冒険に参加した最初のロシアのサイトであることが判明しました=)OpenGraphでどのような問題を解決し、どのような問題に遭遇しましたか-メディアプロジェクトとソーシャルネットワークの統合に関する記事の続き。

Sports.ruの編集コンテンツ全体はタグに縛られており、その多くは百科事典オブジェクトです。それらには写真、関係書類、地理的位置、スポーツパフォーマンスの統計などが含まれています。 たとえば、秋春システムへの移行におけるルクオイルとガスプロムの財政支援に関するニュースは、 セルゲイ・フルセンコプレミアリーグRFU第一部ガスプロム第二部ルクオイルのタグに結び付けられています。 各タグには、オブジェクトに関するすべての情報が収集される個人ページがあります。

「いいね」ボタンをクリックして、NewsFeedで選択したトピックのテキストと写真のプレビューを受け取ることにより、Facebookユーザーにタグのニュースを購読するように提供します (ところで、現在50,000を超えるタグがあります)。

このようなサブスクリプションを機能させるために、次のタスクを解決しました。

1.タグページにOpenGraphメタタグを追加
OpenGraphメタタグを使用すると、名前、写真、オブジェクトのタイプ(チーム、アスリート、トーナメント、機能など)、百科事典、技術データなど、オブジェクトについてFacebookに伝えることができます。 たとえば、Spartakフットボールクラブのページwww.sports.ru/tags/1044511.htmlの場合、この説明は次のようになります。

Sports.ruのSpartakページのソースコード内のOpenGraphメタタグ

この時点で、 Facebook Url Linterを使用してOpenGraphページをテストすることをお勧めします。

2.タグページに「いいね」ボタンを追加
標準のLikeボタンコードが使用されますが、特定のものはありません。

Sports.ruのウルグアイ代表チームのタグページのようなFacebookボタン

最初のユーザーが「いいね」ボタンをクリックすると、FacebookはページでOpenGraphメタタグの存在を確認し、Facebookページリストに自動的に追加します。 このページには内部ソーシャルグラフIDがありますが 、その物理アドレスはFacebookの外部に移動され、OpenGraphプロバイダーのスペースに移動されました。

Facebookユーザー向けのSpartak OpenGraphページ

しばらくすると(より正確には、ページへの一定数のサブスクライバーを通じて)、オブジェクトはソーシャルグラフに固定され、検索結果に表示され始めます。

Facebook検索結果のSpartak OpenGraphページ

3.ニュース発行アプリケーションを作成する
OpenGraphページがソーシャルグラフで修正された後、その壁にアナウンスを公開できます。 手でタグの「フォロワー」にコンテンツを配信することも、自動的に配信することもできます。 当然、私たちは2番目の方法を取りました。 登録されたアプリケーションは、Sports.ruの側で機能します。サイトから最新の素材を選択し、タグで分割し、 Graph APIstream.publishを使用して、対応するOpenGraphページの壁にニュースを公開します。 OpenGraphタグの1つに添付されたニュース、記事、または写真がSports.ruに表示されるとすぐに、アプリケーションはすぐに対応するページの壁にコンテンツユニットを公開します。 「シャットダウン」ユーザーには、ストリームに次のメッセージが表示されます。

OpenGraph経由で公開されたFacebookフィードのSports.ruニュース

プロジェクトのすべての仕組みを開発して、近い将来解決しなければならない問題に遭遇しました。

1.サブスクリプション監視インターフェースはありません
Facebookは、単一のアプリケーション内のOpenGraphページへのサブスクリプションを監視するためのインターフェイスを提供していません。 したがって、タグ(Facebookサブスクライバーの数、アップロードされた情報の量、クリック数など)の内部統計収集サービス個別に実装する必要があります。

2.情報メッセージの複製
開発中に、論理的な問題に遭遇しました。 複数のタグをニュースに添付でき、ユーザーは複数のタグを購読でき、フィードに重複したメッセージが表示される場合があります。

OpenGraph経由で公開されたFacebookフィードで重複したSports.ruニュース

残念ながら、この問題はFacebook側でのみ解決できます。複数のウォールから受け取った同じコンテンツを「詰まらせる」ことです。 「minifeed2」というコードネームのプロジェクトが完了する2010年IV四半期に問題を解決することを約束します。

3.記事もOpenGraphオブジェクトです!
OpenGraphメタタグを記事ページに追加する必要があります。その後、Facebook検索結果に表示されます。 当然、記事のstream.publishによる定期的な公開は意味がありません。

1か月前に発表することなくプロジェクトを開始しましたが、これまでのところ、「バイラリティ」の移行と発現に表れた結果について話すのは時期尚早です。 数ヶ月の運用の後、これについて個別に書くと思います。 いずれにせよ、今後の効果からの期待は最も楽観的です=)

Source: https://habr.com/ru/post/J105270/


All Articles