チュートリアル : プリファレンスセンターのカスタマイズ

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

プリファレンスセンターを使用すると、ユーザーは参加するマーケティングキャンペーンを指定でき、必要に応じて今後のすべての電子メールキャンペーンをオプトアウトできます。Preference CenterのデフォルトのSitecoreブランディングを変更し、重要な設定を指定できます。次の例では、デフォルトのブランドが左側に表示され、カスタムブランドが右側に表示されています。

以下をカスタマイズできます。

1 - プリファレンスセンターのタイトルと色
2 - ヘッダーロゴと紹介
3 - マーケティングのカテゴリ、タイトル、説明テキスト
4 - 購読解除テキスト
5 - 「サブスクリプションを更新」ボタン

このトピックでは、次の方法について説明します。

マーケティングキャンペーンのカテゴリと説明テキストを定義する

デフォルトのレイアウトを使用すると、定義した各カテゴリは、プリファレンスセンターに個別のセクションとして表示されます。マーケティング・キャンペーン・カテゴリーは、マーケティング・カテゴリー・グループ別にプリファレンス・センターに追加されます。

マーケティングキャンペーンのカテゴリを定義するには:

コンテンツエディタで、Marketing Control Panel (sitecore/System/Marketing Control Panel) に移動します。
Taxonomiesフォルダーを展開し、Marketing categoriesを右クリックしてInsert, Folderをクリックし、マーケティングカテゴリグループを追加します。
新しく作成したフォルダを右クリックし、Insert, Insert From Templateをクリックします。
Insert from Templateダイアログボックスで、Templates/System/Analytics/Marketing Taxonomy/Marketing categoryに移動し、Marketing categoryを選択します。
Item Nameフィールドに、サブスクリプションカテゴリの名前 (Newsletterなど) を入力し、「Insert」をクリックします。
追加のサブスクリプションセクションを定義するには、ステップ3から5を繰り返します。
コンテンツツリーで、定義したサブスクリプションカテゴリの1つをクリックし、ContentタブのGeneralセクションのDescriptionフィールドでShow editorハイパーリンクをクリックします。
Rich Text Editorダイアログボックスで、キャンペーンカテゴリの説明を入力し、「Accept」をクリックします。
すべてのマーケティングカテゴリを定義したら、コンテンツツリーでsitecore/System/Marketing Control Panelに移動し、Taxonomiesフォルダーを展開して、「 Campaign group」をクリックします。
リボンのTaxonomyタブをクリックし、Deployをクリックします。

新しいロゴをメディアライブラリにアップロードする

メール設定センターにロゴを表示するには、まずメディアライブラリにアップロードしてから、サイトを再公開する必要があります。

ロゴをアップロードするには:

コンテンツエディタのコンテンツツリーで、sitecore/Media Library/Imagesに移動します。
Folderタブで、「Upload File」をクリックします。
Upload Fileダイアログボックスで、「Choose File」をクリックし、ロゴイメージファイルの保存場所を参照します。
ロゴファイルを選択して「 Open 」をクリックし、「 Upload」をクリックします。
リボンのSaveをクリックします。

ブランドスタイルの適用

ロゴと画像をプリファレンスセンターに表示するには、最初にそれらを設定する必要があります。

ロゴと画像を設定するには:

コンテンツエディターのコンテンツツリーで、プリファレンスセンターオプションを定義するマネージャールートに移動します。
Contentタブをクリックします。
Message GenerationセクションのBase URLフィールドで、電子メールメッセージ内のリンクとWebサイトでホストされている画像 (http://your.hostなど) のWebサイトアドレスを指定します。
Embed Imagesチェックボックスをオンにします。
Default Message HeaderセクションのFrom Addressフィールドに、送信者のメールアドレス ([email protected]など) を入力します。
Brandingセクションで、ブランド名とロゴを指定します。Preference Centerのデフォルト設定では、購読解除メッセージにブランド名が使用され、Preference Centerの上部にロゴが挿入されます。
Marketing Categoriesセクションで、最初の手順の手順2で定義したマーケティングカテゴリグループをダブルクリックして、Selectedリストに移動します。
変更を保存します。

プリファレンスセンターのルックアンドフィールを変更する

Preference Centerをカスタマイズして、会社のブランディングを反映させることができます。デフォルトでは、プリファレンスセンターのマーケティンググループHTMLには、マーケティングルートに定義したマーケティンググループとカテゴリの購読オプションが表示されます。

プリファレンスセンターのルックアンドフィールを変更するには:

コンテンツエディタで、Preference Centerオプションを定義するマネージャルートを選択した状態で、Contentタブをクリックします。
Preference Centerセクションまで下にスクロールします。
「 Preference Center Title 」フィールドに、「プリファレンスセンター」ダイアログボックスのタイトルを指定します。
Preference Center Introで、「Show editor」ハイパーリンクをクリックし、プリファレンスセンターをユーザーに紹介します。
Preference Center Layout HTMLセクションで、Edit HTMLハイパーリンクをクリックします。

ヘッダーと送信ボタンの色を変更するには、次のように変更します。

headerセクションを次のように置き換えます。

header {
            height: 90px;
            border-top: 4px solid #9D008D;
            background-color: rgba(0,0,0,.8);
            padding: 0 15px;
            color: #fff;
          }

header.beforeセクションを次のように置き換えます。

 header:before {
    position: absolute;
    right: 0;
    top: 0px;
    display: block;
    background-repeat: no-repeat;
    width: 113px;
    height: 90px;
    content: "";
    border-top: 4px #9D008D;
    }header:before {
            position: absolute;
            right: 0;
            top: 0px;
            display: block;
            background-repeat: no-repeat;
            width: 113px;
            height: 90px;
            content: "";
            border-top: 4px #9D008D; and background-color: rgba(0,0,0,.8);
          }

.exmPreferenceCenter form buttonセクションで、background-color属性とborder-color属性を変更します。
.exmPreferenceCenter label .description .titleセクションで、行をcolor: #9D008D;に追加します。

Acceptをクリックして、変更を保存します。

変更を公開する

プリファレンスセンターへの変更を表示するには、サイトの変更を公開する必要があります。

サイトの変更を公開するには:

リボンのPublishタブをクリックします。
「 Publish, Publish Site」をクリックします。
デフォルト(スマートパブリッシング)をそのまま使用し、「 Publish」をクリックします。
サイトが公開されたら、Closeをクリックします。

変更を確認するには、Email Experience Managerで、左画像ブロックテンプレートを使用してメールキャンペーンを作成し、送信します。