ウィジェットを他のサイトと共有する
自分のサイトのウィジェットインスタンスを Facebook や OpenSocial などの外部プラットフォームに埋め込むことで、ウィジェットを他のサイトと共有できます。 これにより、他の方法では得られなかった、まったく新しいWebサイトへの露出の道が開かれます。

-
ウィジェット ヘッダーの オプション (
) → 構成をクリックし、共有タブを選択します。 -
共有には、 任意の Web サイト、 Facebook、および OpenSocialの 3 つのサブタブがあります。 選択したコンテキストに従って進みます。
すべてのWebサイト
提供されたJavaScriptのコードをコピーして、ウィジェットを追加したいWebサイトに貼り付けてください。 ユーザーが他の Web サイトでページを読み込むと、コードはサイトから関連するウィジェットを取得して表示します。
トグルを有効にすると、ウィジェット メニューの [任意の Web サイトに追加] オプションが有効になります。
この機能は ウィジェット ページ内でのみ使用できます。
任意のWebサイトに追加 オプションは、ウィジェットを外部サイトに埋め込むためのiframeコードスニペットを提供します。 ページを編集するときに、ウィジェット ヘッダーの オプション (
) をクリックし、 任意の Web サイトに追加を選択します。
![ウィジェット ページでは、[任意の Web サイトに追加] オプションを選択してウィジェットの HTML リンクを共有することもできます。](https://resources.learn.liferay.com/images/dxp/latest/en/sites/creating-pages/page-fragments-and-widgets/using-widgets/configuring-widgets/sharing-widgets-with-other-sites/images/02.png)
ウィジェットを Facebook アプリとして追加するには、まず開発者キーを取得する必要があります。
-
共有設定の Facebook タブに移動します。
-
Facebookから APIキー と キャンバスページURL を取得し、[共有]タブに貼り付けます。

-
[保存] をクリックし、Liferay DXP の Facebook タブに戻ります。 コールバック URL をコピーして Facebook に貼り付けます。 これにより、正しいコールバック URL でアプリがレンダリングされるようになります。
-
オプションで、 ユーザーが [application-name] を Facebook に追加できるようにするを有効にします。 次に、アプリの「オプション」メニューで、 「Facebook に追加」を選択します。
OpenSocial ガジェット
OpenSocial は、ソーシャル ネットワーキングやその他の Web アプリケーション用のコンテナーと一連の API で構成されています。 Liferay DXP は、OpenSocial 互換のあらゆるページで OpenSocial ガジェットとして使用されるアプリケーションを提供できます。
-
OpenSocial ガジェット タブからガジェット URL をコピーし、OpenSocial プラットフォームの関連する構成ページに貼り付けます。
提供される URL は、ウィジェットの特定のインスタンスに固有なので、同じウィジェットの複数のインスタンスを、異なる OpenSocial ガジェットとして提供することができます。
-
[共有]タブで OpenSocial ガジェット に移動し、[Allow users to add [application-name] to an OpenSocial platform]のセレクターを有効にします。
-
[保存]をクリックします。 ウィジェット オプションに新しい OpenSocial プラットフォームに追加 ボタンが表示されます。 これをクリックすると、OpenSocial プラットフォームでウィジェットを共有するための URL が取得されます。