閲覧履歴メールを実施する

Yu Tanaka

2023/03/13

この記事は基礎的なHTML/CSS/JavaScriptの知識が必要です

閲覧履歴メールを実施できるテンプレートを利用することにより、一定時間購入せず離脱したユーザーにそれまで閲覧していた商品をメールでお知らせすることができます。今回は商品詳細ページを閲覧後、カートに商品を投入しなかったユーザーに1時間または1日後に閲覧履歴メールを配信する方法を説明します。

はじめる前に

以下の準備が事前に必要になります。

閲覧アイテム情報取得スクリプトの配信

商品詳細ページにopengraphの「og:url」、「og:title」、「og:image」が設定されていることが前提になります。

設定でできること

KARTEの閲覧履歴メールでは以下の設定が可能です。

直近30件まで閲覧した商品を表示できます。また最大表示数の設定が可能です。
カート投入後に配信するタイミングを設定できます。配信の遅延時間は「遅延イベント機能」に依存します
https://support.karte.io/post/4cXT9X8JFMjBC94Dlmpl9X#1-3

利用の手順

以下の設定手順に従い接客サービスの設定を行います。

閲覧アイテム情報取得スクリプトの作成
遅延イベントの設定
接客サービスの設定
参考

閲覧アイテム情報取得スクリプトの作成

閲覧履歴メールを配信する場合は、閲覧アイテム情報取得スクリプトを配信する必要があります。

通常の「閲覧アイテム情報取得スクリプト」ではなく、以下を利用してください

閲覧アイテム情報取得スクリプト(HTMLメール対応版)

閲覧アイテム情報取得スクリプトを配信することで、以下が実現されます。

ページの「og:url」、「og:title」、「og:image」に指定された文字列を取得
直近30件の閲覧データをまとめた値をurls、titles、imagesとして連携

利用手順

1.接客サービス一覧ページの「新規作成」をクリックします。
null

2.「サイトでスクリプトを実行する」を選択します。
null

3.「スクリプト」一覧から「閲覧アイテム情報取得スクリプト（HTMLメール対応版）」を選択し、「アクションを作成する」をクリック。
null

4.接客サービスの名前や目的など「基本設定」を入力して下さい。
null

5.アクションの編集アイコンをクリック。
null

6.アクションの編集画面では、必要に応じて赤枠で囲んだ「og:title内の、取得除外文字列」の部分を設定します。

指定した文字列を、閲覧履歴のtitleから除外することが可能になります。
会社名やサイト名がtitleに含まれている場合など
例
og:title: "アンクルストラップサンダル | Shoes karte"
「og:title内の、取得除外文字列」に何も指定しない場合
商品名: 「アンクルストラップサンダル | Shoes karte」
「og:title内の、取得除外文字列」に"| Shoes karte"と指定した場合
商品名: 「アンクルストラップサンダル」

null

7.アクションの配信率を100%表示にて設定して下さい。
null

8.対象ユーザーの設定はすべてのユーザーが対象となる用に、設定の変更をせずに次へ進みます。
null

9.対象イベントの設定をします。

すべての商品詳細ページに配信されるように設定してください
商品詳細ページ以外に配信した場合、そのページのog情報も取得してしまいますのでご注意ください
ユーザーが商品詳細ページを閲覧する度にスクリプトが実行され、閲覧した商品の情報をKARTEに送信しユーザー毎に保存します

商品詳細ページのURLが以下例の場合の設定例

htttps://shoes-karte.co.jp/display/item/?id=12345
null

10.「設定を完了する」をクリック。

接客サービスの設定

以下の手順に従って閲覧履歴メールの設定を進めてください。

1.接客サービス一覧ページの「新規作成」をクリックします。
null

2.「ユーザーに届ける」を選択します。
null

3.テンプレート一覧の「メール」から「閲覧履歴メール」テンプレートを使用します。
null

4.接客サービスの名前や目的など「基本設定」を入力して下さい。
null

5.アクションの編集アイコンをクリック。
null

6.アクションの編集画面では、件名や本文などの編集を行ってください。
null

7.すでにお使いのデザインを反映する場合は、「カスタマイズ」より修正してください。
null

8.マルチパートメールに対応しておりますので、テキストメールの設定も以下より行ってください。
null

テキストメールにある下記は削除せずにテキスト文に盛り込むようにしてください。

    {% set count = item_count %}{% for url in item_urls %}{% if count > 0 %}{% set count = count - 1 %}
    ■商品名
    #{item_titles[loop.index0]}
    #{item_urls[loop.index0]}
    {% endif %}{% endfor %}

※ #{item_titles[loop.index0]} は商品名が挿入されます。
※ #{item_urls[loop.index0]} は商品のリンク先URLが挿入されます。
※ set count = 5の場合は、5個表示されるようになります。

9.「データの管理」から「ユーザー情報の埋込み」が以下の設定になっていることを確認し、異なっている場合は設定してください。
null
null
null
null

10.配信モードの設定では、「イベント応答配信」を選択します。
null

11.対象イベントの設定では、以下のように「セッション毎」を選択し、配信トリガーに”遅延イベントが存在する”条件を入力します。
"_delay_event"は「3.遅延イベント用スクリプト配信」で設定したイベントですが、設定後、遅延イベントが一度でも発生していなければ選択出来ませんのでご注意下さい。
※スクリプト配信後はテスト配信を行い、イベントがKARTE上で正しく発生、計測されていることを確認して下さい。
null
null