ランディングページの画像を検索キーワードで切り替える前の記事アーカイブ(全エントリー一覧)次の記事2012年09月25日ランディングページの画像を検索キーワードで切り替えるツイートLPO(ランディンページ最適化)とは、広告や検索結果をクリックした際に表示されるウェブページ(ランディングページ)をユーザーにあわせて最適化(より訴求力の高いビジュアルやコンテンツに)する手法です。PowerCMSのDynamicMTMLを使うことで、LPOを簡単に実現することができます。このエントリでは、検索エンジンからの流入時に、検索キーワードを元にビジュアルを切り替える例をご紹介します。ビジュアルやキーワードは管理画面で簡単に設定できるようにしてみます。メインビジュアルを登録するカスタムオブジェクトを作成するシステムスコープの「ツール」→「カスタム項目の作成」を選択し、「MainVisual(メインビジュアル)」というIDのカスタムオブジェクトを作成します。カスタムオブジェクトの作成画面カスタムオブジェクトに「画像」カスタムフィールドを追加する続いて、作成した「メインビジュアル」にカスタムフィールド「画像」を作成し、ラベルを「ビジュアル」タグ名を「MainVisualImage」とします。カスタムフィールドの作成画面メインビジュアル・オブジェクトを登録するメインビジュアル・オブジェクトを新規作成し、画像を登録します。この時、キーワード欄に、関連付けたい検索キーワードをスペースやカンマを区切り文字にして設定しておきます。ステータスを「公開」にして「メインビジュアル」を保存します(キャプチャの画面はプラグイン設定で「本文」欄を非表示にしています)。他に、該当するビジュアルが無かったときのメインビジュアルを作成します。この時メインビジュアルの「タグ」に「default」を入力します。SearchCustomObjectsプラグインをインストールする指定した条件でカスタムオブジェクトを検索するためのテンプレート・タグを提供するSearchCustomObjectsプラグインをダウンロードしてインストールします。SearchCustomObjects.zip(ダイナミック専用)このテンプレート・タグは以下のように使います。以下の例では「キーワード」に「CMS」を含むMainVisualカスタムオブジェクトを検索します。(検索キーワードを取得するブロックタグ)」と「MTSearchCustomObjects」タグを組み合わせることで、検索キーワードに応じたビジュアルを表示させることができます。等を取得するタグが用意されていますので、テンプレートによって様々な条件分岐が可能です。テンプレートにハードコーディングするのではなく、このように管理画面をあわせて用意することによって、運用のトライアンドエラーが行える、またこのようなCMS/テンプレートが簡単に作れることもPowerCMSのメリットの一つです。