モバイルデバイスルールの作成
Liferay 7.3 では非推奨となっているため、Liferay 7.2 以前で利用可能です。
前提条件として、Liferay Marketplace から Liferay Mobile Device Detection Lite (LMDD) アプリをインストールする必要があります。 このアプリは、どのモバイルデバイスがアクセスしているかを検出するために必要なデバイス検出データベースを提供します。
モバイルデバイス種別の作成
モバイルデバイス種別は、デバイスのタイプに基づいたモバイルデバイスアクションのグループです。 モバイル デバイス アクションを作成する前に、モバイル デバイス ファミリを作成します。 たとえば、すべてのAndroidデバイスのグループを作成します。LiferayがAndroidデバイスを検出すると、訪問者をモバイル対応のページにリダイレクトできます。
モバイルデバイス種別を作成するには、
-
目的のサイトに移動します。
-
(
) アイコンをクリックします。 -
構成 → モバイル デバイス ファミリに移動します。
-
追加 (
) をクリックして、 新しいデバイス ファミリを追加します。 -
名前 と 説明を入力します。
-
[保存]をクリックします。
［モバイルデバイスファミリー］ページには、定義された種別が一覧表示されます。
すべてのサイトにファミリを追加するには、サイト セレクター (
) → [マイ サイト] → [グローバル] をクリックしてグローバル サイトに移動し、新しいデバイス ファミリを追加します。
ファミリに定義されたルールと、特定のサイトまたはページに対して選択されたファミリの優先順位によって、特定のリクエストに適用されるファミリのアクションが決まります。 新しいルールでは、オペレーティングシステム、ルールタイプ、物理スクリーンサイズ、および画面の解像度を指定できます。 アクションを実行するデバイスを分類する必要がある数だけ、ファミリーにルールを追加できます。
-
［モバイルデバイスファミリー］ページで、モバイルデバイス種別の名前をクリックします。 ［判別ルール］ページが表示されます。
-
新しいルールを追加するには、 追加 (
) をクリックします。 -
名前 と 説明を入力します。
-
このルールにしたい分類を［Operating System and Type］、［Physical Screen Size］、および［Screen Resolution］から選択します。
-
[保存]をクリックします。
モバイルデバイスルールの適用
それぞれの構成ページから、サイト、個々のページ、またはページ セットにファミリを追加できます。 ページセットに対してこれを行うには、
-
サイトの サイトビルダー → ページ に移動します。
-
パブリックページの (
) アイコンをクリックします。 -
詳細設定 タブをクリックします。
-
［Mobile Device Rules］セクションを展開します。
-
［Select］をクリックして種別の一覧を開きます。
-
適用する種別を選択します。
-
完了したら、 「保存」 をクリックします。
ページにモバイルデバイスルールを適用する
親サイトからモバイルデバイスルールを継承するように各ページを構成することも、特定のページに異なるルールを適用することもできます。
特定のページにモバイルデバイスルールを設定するには、
-
サイトの サイトビルダー → ページ に移動します。
-
目的のページの横にある
をクリックし、次に 構成をクリックします。 -
詳細設定 タブをクリックします。
-
［Mobile Device Rules］セクションを展開します。
-
トグルを［NO］にスライドさせて、親サイトとは別のモバイルデバイスルールを選択します。
-
［Select］をクリックして種別の一覧を開きます。
-
適用する種別を選択します。
-
完了したら、 「保存」 をクリックします。
モバイルデバイスアクションの追加
いくつかのモバイルデバイスファミリーを作成し、それらにいくつかのルールを追加したら、モバイルデバイスアクションを追加します。 種別に定義されたこれらのアクションは、デバイスが検出され、種別が適用されることが判明したときに、リクエストに何が起こるかを決定します。
セグメンテーションとパーソナライゼーションには、ユーザーが特定のデバイス ファミリを使用してコンテンツにアクセスしているかどうかを評価する デバイス ルールがあります。 このルールは、モバイルデバイスファミリーアプリと統合されています。
モバイル デバイス アクションをページ セットまたは特定のページに追加できます。
サイトのモバイルデバイスルールにアクションを追加するには、
-
Liferayゲストサイトの［サイト管理］メニューを開きます。
-
サイトビルダー → ページをクリックします。
-
パブリックページの横にある (
) アイコンをクリックします。 -
詳細設定 タブをクリックします。
-
［Mobile Device Rules］セクションを展開します。
-
アクションを追加するデバイス ファミリの横にある [アクション] (
) → [アクションの管理] をクリックします。 -
アクションの追加をクリックします。
-
名前 と 説明を入力します。
-
タイプ を選択します (例: サイトにリダイレクト)。 タイプの詳細については、次の モバイル デバイス アクション リファレンス を参照してください。
-
訪問者がリダイレクトされる目的のサイトを選択します。
-
サイトのデフォルトのランディング ページを選択します。
-
完了したら、 「保存」 をクリックします。
モバイル デバイス アクションがこのサイトに追加されました。
モバイルデバイスアクションのリファレンス
モバイル デバイス ファミリに対して定義されたモバイル デバイス アクションは、デバイスが検出され、ファミリが適用されることが判明したときに、要求に対して何が起こるかを決定します。
デフォルトでは、モバイル種別用に設定できるアクションは4種類あります。
| モバイルデバイスアクション | Description |
|---|---|
| レイアウトテンプレートの変更 | モバイルデバイスに配信されるページでのポートレットの配置方法を変更します。 たとえば、解像度が理論上は標準レイアウトをサポートするのに十分高い場合でも、モバイルデバイスが検出されると、より複雑なレイアウトのページが自動的によりシンプルなテンプレートに切り替わるようにすることができます—。 |
| テーマの変更 | さまざまなモバイルデバイスファミリーの特定のテーマを選択します。 デバイスがページにアクセスしたときに自動的に適用される、サイトのテーマのモバイル バージョンが必要になります。 |
| URLリダイレクト | モバイルユーザーを任意のURLに送信します。 これは、モバイルユーザーをモバイルアプリのダウンロードまたはページのモバイルバージョンに誘導するために使用できます。 |
| サイトリダイレクト | モバイルユーザーをポータル上の別のサイトに送信します。 場合によっては、モバイルコンテンツをサイトのミラーリング上に作成することもできます。 |
Liferayは、応答性が高く、アクセスする可能性のあるすべてのデバイスに適応するように一から設計されました。 新しいテーマを作成したり、レイアウトテンプレートを強制的に変更したりする前に、サイトが追加設定なしでどのように動作するかをテストする必要があります。 URLリダイレクトなどの特定の機能は、不適切に使用すると混乱を招き、挫折感を引き起こす可能性があります。