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

Facebook、OpenSocial、Netvibesなど、お客様のサイトで動作しているウィジェットのインスタンスを他のWebサイトに埋め込むことで、他のサイトとウィジェットを共有することができます。 これにより、他の方法では得られなかった、まったく新しいWebサイトへの露出の道が開かれます。

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

  1. ウィジェットの オプション アイコン (Options) → [設定] → [共有] をクリックしてください。

  2. 共有のサブタブは、Facebook、OpenSocial Gadget、Netvibesの3つです。 選択したコンテキストに従って進みます。

note

どのウェブサイトでも、トグルを切り替えてナビゲーションを許可してください。 提供されたJavaScriptのコードをコピーして、ウィジェットを追加したいWebサイトに貼り付けてください。 ユーザーが他のWebサイトにページをロードすると、コードは関連するウィジェットをサイトから取得して表示します。

Facebook

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

  1. 共有の[Facebook]タブに移動します。

  2. API Key および [Canvas Page URL] を Facebookから取得します。 それらをコピーして[共有]タブに貼り付けます。

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

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

  4. 必要に応じて、 Allow users to add [application-name] to Facebook を有効にしてください。 そしたら、アプリのオプションメニューに移動して、 [Add to Facebook] を選択します。

OpenSocial ガジェット

OpenSocialは、ソーシャルネットワーキングやその他のWebアプリケーションのためのコンテナとAPIセットで構成されています。 Liferay DXPは、OpenSocialに対応したページでOpenSocial Gadgetとして使用するアプリケーションを提供することができます。

  1. OpenSocialプラットフォーム上でLiferayウィジェットを提供するには、提供されたガジェットURLをコピー&ペーストし、使用しているOpenSocialプラットフォームの適切な設定ページに追加します。 Liferayインスタンスは、そのウィジェットをそのプラットフォームのページに直接提供します。

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

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

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

Netvibes

Netvibesも、ユーザーがログインして独自のパーソナルダッシュボードを作成し、それにカスタマイズ可能なウィジェットを追加できる、という同様の環境を提供します。

[共有]タブで Netvibes に移動し、 [Allow users to add [application-name] to Netvibes pages] セレクターを有効にします。 次に、提供されたURLを使って、使用しているLiferayウィジェットのインスタンスに基づいたカスタムNetvibesウィジェットを作成することができます。

関連トピック

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy