AIレコメンドタグを設定したい

本記事について

本記事では、AIレコメンドタグの設定方法について紹介しています。
※なお、通常の「レコメンドタグ」とは別の機能になりますので、もしもレコメンドタグを設定済みであっても、本記事をご参照の上、AIレコメンドタグを新規に設定してください

• 1. 「AIレコメンドタグ」の定義についてはこちらをご参照ください。

AIレコメンドタグの設定方法

「AIレコメンドタグ」を設定する方法を紹介します。「AIレコメンドタグ」を設定するためには、以下の5つの操作が必要です。

❶ AIレコメンド用のリレーション設定を登録する
❷ ドメインを登録する
➌ レコメンド設定にリレーション設定を割り当てる
➍ webサイトにレコメンドが表示されるようにコーディングする
➎タグを「ON」にする

❶ AIレコメンド用のリレーション設定を登録する

AIレコメンドタグを設定するためには、AIレコメンド用のリレーション設定が必要になります。

「共通設定」をクリックします

「タグ管理」をクリックします

「リレーション設定」をクリックします

「新規作成」をクリックします

「その他（AIレコメンド）」をクリックします

取得したい値がある要素を指定します

リレーション設定名を入力します

作成したAIレコメンド用のリレーション設定が追加されていることを確認します

❷ ドメインを登録する

「AIレコメンドタグ」をクリックします

「＋」をクリックします

「ドメイン」を入力し、「適用」クリックします

対象ドメイン一覧に表示されます

➌ レコメンド設定にリレーション設定を割り当てる

「編集」をクリックします

「選択」をクリックします

「リレーション設定」を選択します

「編集」をクリックします

その他の項目も同様にリレーション設定を割り当て、「適用」をクリックします

該当のレコメンド設定に、リレーション設定が割り当てられていることを確認します

➍ webサイトにレコメンドが表示されるようにコーディングする

「AIレコメンド」をクリックします

レコメンド設定を選択します

「レコメンドタグを確認」をクリックします

「サンプルデータ」をクリックします

「サンプルデータ」を確認します

「レコメンドタグ」欄に、貴社webサイトにレコメンドを表示させるためのコードを記入し、「保存」をクリックします

function(body) {
    var divId = "rec_area"; // 差し込みたいdivのid
    var target = document.getElementById(divId);
    var details = body.details;
    var html = "<ul class='rec_items'>";

    for (var i = 0; i < details.length; i++) {
        var detail = details[i];
        html += "<img class='img' src='" + detail.img + "'>";
        html += "<a class='page' href='" + detail.page + "' serv='" + body.serv + "' area='" + body.area + "' req='" + body.req + "' item='" + detail.item + "'>";
        html += "<div class='title'>" + detail.title + "</div>";
        html += "</a>";
        html += "<div class='sprice'>" + detail.sprice + "</div>";
        html += "<div class='desc'>" + detail.desc + "</div>";
    }

    html += "</ul>";
    target.innerHTML = html;
    target.addEventListener('click', sendRecClick, false);
}

➎タグを「ON」にする

「共通設定」をクリックします

「タグ管理」をクリックします

「AIレコメンドタグ」をクリックします

トグルを「OFF」から「ON」に変更します