Configuring Widgets
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

ウィジェットを他のサイトと共有する

ウィジェットの共有オプションは、Liferay DXP 2024.Q4/Portal GA129 の時点で 非推奨 となっており、将来のリリースで削除される予定です。

現在、この機能は非推奨の機能フラグ (LPD-40534) によって保護されています。 詳細については、 非推奨の機能フラグ をお読みください。

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

ウィジェットの設定メニューにある「共有」タブは、様々な方法でウィジェットを共有することができます。

  1. ウィジェットがデプロイされているページの編集を開始します

  2. ウィジェット ヘッダーの オプション (Widget Options icon) → 構成をクリックし、共有タブを選択します。

  3. 共有には、 任意の Web サイトFacebook、および OpenSocialの 3 つのサブタブがあります。 選択したコンテキストに従って進みます。

すべてのWebサイト

提供されたJavaScriptのコードをコピーして、ウィジェットを追加したいWebサイトに貼り付けてください。 ユーザーが他の Web サイトでページを読み込むと、コードはサイトから関連するウィジェットを取得して表示します。

トグルを有効にすると、ウィジェット メニューの [任意の Web サイトに追加] オプションが有効になります。

この機能は ウィジェット ページ内でのみ使用できます。

任意のWebサイトに追加 オプションは、ウィジェットを外部サイトに埋め込むためのiframeコードスニペットを提供します。 ページを編集するときに、ウィジェット ヘッダーの オプション (Widget Options icon) をクリックし、 任意の Web サイトに追加を選択します。

ウィジェット ページでは、[任意の Web サイトに追加] オプションを選択してウィジェットの HTML リンクを共有することもできます。

Facebook

ウィジェットを Facebook アプリとして追加するには、まず開発者キーを取得する必要があります。

  1. 共有設定の Facebook タブに移動します。

  2. Facebookから APIキーキャンバスページURL を取得し、[共有]タブに貼り付けます。

    ウィジェットの設定メニューにある「共有」タブは、様々な方法でウィジェットを共有することができます。

  3. [保存] をクリックし、Liferay DXP の Facebook タブに戻ります。 コールバック URL をコピーして Facebook に貼り付けます。 これにより、正しいコールバック URL でアプリがレンダリングされるようになります。

  4. オプションで、 ユーザーが [application-name] を Facebook に追加できるようにするを有効にします。 次に、アプリの「オプション」メニューで、 「Facebook に追加」を選択します。

OpenSocial ガジェット

OpenSocial は、ソーシャル ネットワーキングやその他の Web アプリケーション用のコンテナーと一連の API で構成されています。 Liferay DXP は、OpenSocial 互換のあらゆるページで OpenSocial ガジェットとして使用されるアプリケーションを提供できます。

  1. OpenSocial ガジェット タブからガジェット URL をコピーし、OpenSocial プラットフォームの関連する構成ページに貼り付けます。

    提供される URL は、ウィジェットの特定のインスタンスに固有なので、同じウィジェットの複数のインスタンスを、異なる OpenSocial ガジェットとして提供することができます。

  2. [共有]タブで OpenSocial ガジェット に移動し、[Allow users to add [application-name] to an OpenSocial platform]のセレクターを有効にします。

  3. [保存]をクリックします。 ウィジェット オプションに新しい OpenSocial プラットフォームに追加 ボタンが表示されます。 これをクリックすると、OpenSocial プラットフォームでウィジェットを共有するための URL が取得されます。