動的変数に基づいてテンプレートのブロックとセクションを表示または非表示にする方法

プロファイルデータ（例：場所、言語など）に基づいて条件を表示／非表示にしたい場合は、そのデータを含むプロファイルが少なくとも 1 つ必要です。

プロファイルとカスタムプロパティは、次の方法で追加できます：

• サインアップフォーム
• CSV アップロード
• E コマース連携
• Typeform や Yotpo などのリスト増加とロイヤルティの外部連携を一覧表示します。

Klaviyo のプロファイルプロパティについて詳しくは、こちらをご覧ください。

同様にイベントプロパティでも、Klaviyo アカウントに 1 つのイベントが必要です。次に、カスタムコード ブロックを使用して、そのフローのトリガー イベントに基づきブロックを表示/非表示にできます。ロジックビルダーを使用してイベントデータを参照することはできません。

そのため、トリガーが「チェックアウト開始」であるカゴ落ち フローでは、カゴの金額や顧客が追加した特定の商品に基づいて表示/非表示の条件を作成できます。

より細かく制御したい場合、またはイベントデータ、日付、ブール値を使用して条件を作成したい場合は、ロジック ビルダーを使用するのではなく、表示/非表示ブロックをカスタム コードで作成してください。コードを使用して最初から作成するには、表示/非表示ロジック設定で [コードを使用] ボタンを選択してください。

または、[Convert to code] ボタンで既存の表示/非表示条件をコードを使用するように変換します。

コードを使用する場合は、Django、プログラミングロジック、Klaviyo のデータ型について十分に理解していることを確認してください。Klaviyo のサポートチームは、カスタム コードに対する直接のサポートまたはトラブルシューティングを提供できません。

This content requires Functional cookies to be enabled.

Update Cookie Settings

対応している 条件構造 について詳細はこちら。

イベントデータに基づく表示/非表示条件

メールがイベントトリガー型フロー（例：カゴ落ちフローや注文確認フロー）の一部として送信される場合、そのフローのトリガーイベントの詳細に基づいてブロックを表示/非表示にできます。そのため、トリガーがチェックアウト開始のカゴ落ちフローでは、カートの金額や顧客が追加した特定の商品に基づいて、表示/非表示の条件をカスタムコードで設定できます。イベント変数について詳しくはこちら。

データの保存方法を理解する

表示/非表示の条件を設定する前に、データがどのように保存されているかを確認してください。Klaviyo には 5 つの データ型 があります:

• テキスト
• 数字
• 日付
• ブール型
• リスト

データの保存方法は、どの表示/非表示条件が機能するかに影響します。自身のアカウントでデータタイプを特定する方法をご覧ください。

メッセージを作成する

メッセージにカスタムコードの表示/非表示条件を追加する最初のステップは、メールテンプレートを作成することです。このセクションでは具体的な例を通して説明しますが、同じ手順に従って、独自の条件に基づいて任意のブロックが表示されるように設定できます。

たとえば、貴社がレザーバッグを販売している場合、以下に示すように サインアップフォームで、顧客がバッグをどのように使うかに関する好みを収集できます。

その後、お客様のバッグの好みに基づいて異なる画像を表示できます。たとえば、お客様の好みが "Work" の場合、バッグはノートパソコンの隣の画像に表示されます。お客様の好みが "Outdoors" の場合、バッグはハイキング トレイルの景勝地の見晴らしポイント付近に表示されます。

1. キャンペーンまたはフローのメッセージを作成します。
2. 画像ブロックを追加します。
3. 作業に関連する画像をブロックにアップロードします。
4. 画像ブロックのカスタマイズメニューから [表示] をクリックします。
5. Show/hide logic で、[Use code] を選択します。
6. この条件を追加します：person|lookup:'Bag Preference' == 'Work'。
7. [変更を保存] をクリックします。
8. ブロックで [完了]をクリックします。

このブロックは、優先設定として [Work] を選択した人にのみ表示されます。

This content requires Functional cookies to be enabled.

Update Cookie Settings

次に、仕事に関連する画像の下の新しいブロックに、旅行に関連する画像を追加します。前回と同じ手順に従いますが、今回は条件 person|lookup:'Bag Preference' == 'Outdoors' を使用します。

このブロックは、好みとして「アウトドア」を選択した人にのみ表示されます。

最後に、「Work」と「Outdoors」のいずれも選択していない人に表示する画像を追加します。より汎用的な画像を使用し、次の条件を使用してください：person|lookup:'Bag Preference' != 'Work' および person|lookup:'Bag Preference' != 'Outdoors'。

ここで、!= は「等しくない」を意味するため、この条件では「仕事」または「アウトドア」以外を選択した人、または好みを一度も選択していない人を探します。

各ブロックを設定したら、3 つのプロファイルを使用してメッセージをプレビューします。これらのプロファイルは、各画像条件のいずれか 1 つを満たす購読者である必要があります。

• 「Outdoors」を選択した顧客
• 「仕事」を選択した顧客
• 設定なし／その他の設定のお客様

これらの手順を使用すると、アカウント内の任意のプロファイルデータまたはイベントデータに基づいてブロックを表示または非表示にできます。

プロファイルデータで表示/非表示条件を作成する

プロファイルプロパティに基づいてカスタムコードの表示/非表示条件を作成している場合は、条件付きロジック リファレンス の表にあるサンプル変数（例: person|lookup:'Favorite Color'）を、ご自身のプロファイルプロパティに置き換えてください。

使用する正しい変数を見つけるには：

1. Personalization をクリックして、パーソナライゼーション メニューを開きます。
2. メニューからオプションを選択して、テキストブロックに追加します。
3. タグ内から変数名をコピーします。変数名を特定するには、変数の前後にある中かっこを削除し、末尾の |default:''（存在する場合）と、その他のフィルターも削除します。
   例えば、以下のスクリーンショットでは、完全なタグは {{ person|lookup:"Accepts Marketing"|default:"" }} です。変数名は person|lookup:"Accepts Marketing" なので、その部分を選択して表示/非表示条件で使用します。

イベントデータを使用して表示/非表示の条件を作成

メッセージがイベントトリガーのフローの一部である場合、イベントデータを使用してブロックを表示または非表示にできます。表示/非表示条件で使用できるのは、トリガーイベント内のデータのみです。

イベント変数を識別するには：

1. テンプレートエディタで [プレビュー & テスト] をクリックします。
2. [データソースのプレビュー] で [イベント] をクリックします。
3. ドロップダウンメニューから、作成しているメッセージをトリガーするイベントを選択します。
4. [イベントプロパティ] をスクロールして、含めたいデータを見つけます。
5. プロパティ名をクリックしてタグをコピーします。
6. タグをテキストブロックまたはテキストエディターに貼り付けます。
7. タグから中かっこ（つまり、{{ と }}）と、フィルターを削除します。
8. 表示／非表示の条件に残っている変数を使用します。

以下のスクリーンショットでは、タグ {{ event|lookup:'Item Count' }}. が表示されます。表示/非表示条件には、テキスト event|lookup:'Item Count' のみが必要です。データでは、{{ event.extra.line_items.0.title }} や {{ event.ShippingAddress.address1 }} のように、別の構造が使用されている場合があることに注意してください。イベントデータに表示されるとおりに変数を使用してください。

表示/非表示の条件をカスタマイズする

条件付きロジックのリファレンスを使用して、カスタムの表示/非表示条件を構築する方法をご覧ください。このリソースにはサンプル条件が含まれており、独自のプロファイルデータとイベントデータを使用してカスタマイズできます。