比較バージョン

古いバージョン 1

changes.mady.by.user 尾関沙紀

保存しました

次と比較

新しいバージョン 2

changes.mady.by.user 尾関沙紀

保存しました

キー

  • この行は追加されました。
  • この行は削除されました。
  • 書式設定が変更されました。
目次
minLevel1
maxLevel7

...

こちらの記事ではfutureshop コマースクリエイターにて会員情報連携の設定方法について解説します。

会員情報連携の概要については以下の記事をご参照ください。
【WhatYa】会員情報連携のトラブルシューティング

前提条件と留意事項

Aura panel
summary前提条件
paramsJTdCJTIyYm9keSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzBlMGUwZSUyMiU3RCUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJsaWdodGVyJTIyJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCU3RCUyQyUyMmhlYWRlciUyMiUzQSU3QiUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFJbmZvQ2lyY2xlJTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjMyODg4RjglMjIlMkMlMjJzaXplJTIyJTNBMjYlN0QlN0QlMkMlMjJoZWFkbGluZSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJ0ZXh0JTIyJTNBJTIyJUU1JTg5JThEJUU2JThGJTkwJUU2JTlEJUExJUU0JUJCJUI2JTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjMyZDJkMmQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE4JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMmJvbGQlMjIlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTdEJTJDJTIyYmFzZSUyMiUzQSU3QiUyMmJhY2tncm91bmRDb2xvciUyMiUzQSU3QiUyMmNvbG9yJTIyJTNBJTIyJTIzZmZmZmZmJTIyJTdEJTJDJTIyYm9yZGVyJTIyJTNBJTdCJTIyY29sb3IlMjIlM0ElMjIlMjMyODg4RjglMjIlMkMlMjJ3aWR0aCUyMiUzQTEwJTJDJTIydG9wJTIyJTNBZmFsc2UlMkMlMjJyaWdodCUyMiUzQWZhbHNlJTJDJTIyYm90dG9tJTIyJTNBZmFsc2UlMkMlMjJsZWZ0JTIyJTNBdHJ1ZSUyQyUyMnN0eWxlJTIyJTNBJTIyc29saWQlMjIlN0QlMkMlMjJib3JkZXJSYWRpdXMlMjIlM0ElN0IlMjJyYWRpdXMlMjIlM0E0JTdEJTJDJTIyYm94U2hhZG93JTIyJTNBJTdCJTIyc2hhZG93cyUyMiUzQSU1QiU3QiUyMmNvbG9yJTIyJTNBJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSUyMiUyQyUyMnglMjIlM0EwJTJDJTIyeSUyMiUzQTElMkMlMjJibHVyJTIyJTNBMSUyQyUyMnNwcmVhZCUyMiUzQTAlN0QlMkMlN0IlMjJjb2xvciUyMiUzQSUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklMjIlMkMlMjJ4JTIyJTNBMCUyQyUyMnklMjIlM0ExJTJDJTIyYmx1ciUyMiUzQTMlMkMlMjJzcHJlYWQlMjIlM0ExJTdEJTVEJTdEJTdEJTdE

futureshopの測定タグで会員情報連携を設定をする場合futureshopの測定タグで会員情報連携を設定する場合

Aura panel
summary注意事項
paramsJTdCJTIyYm9keSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzBlMGUwZSUyMiU3RCUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJub3JtYWwlMjIlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTdEJTJDJTIyaGVhZGVyJTIyJTNBJTdCJTIyaWNvbiUyMiUzQSU3QiUyMm5hbWUlMjIlM0ElMjJmYUV4Y2xhbWF0aW9uQ2lyY2xlJTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjNGRkMwMjElMjIlMkMlMjJzaXplJTIyJTNBMjYlN0QlN0QlMkMlMjJoZWFkbGluZSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJ0ZXh0JTIyJTNBJTIyJUU2JUIzJUE4JUU2JTg0JThGJUU0JUJBJThCJUU5JUEwJTg1JTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjMyZDJkMmQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE4JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMmJvbGQlMjIlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTdEJTJDJTIyYmFzZSUyMiUzQSU3QiUyMmJveFNoYWRvdyUyMiUzQSU3QiUyMnNoYWRvd3MlMjIlM0ElNUIlN0IlMjJjb2xvciUyMiUzQSUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4wOCklMjIlMkMlMjJ4JTIyJTNBMCUyQyUyMnklMjIlM0ExJTJDJTIyYmx1ciUyMiUzQTElMkMlMjJzcHJlYWQlMjIlM0EwJTdEJTJDJTdCJTIyY29sb3IlMjIlM0ElMjJyZ2JhKDAlMkMlMjAwJTJDJTIwMCUyQyUyMDAuMTYpJTIyJTJDJTIyeCUyMiUzQTAlMkMlMjJ5JTIyJTNBMSUyQyUyMmJsdXIlMjIlM0EzJTJDJTIyc3ByZWFkJTIyJTNBMSU3RCU1RCU3RCUyQyUyMmJvcmRlclJhZGl1cyUyMiUzQSU3QiUyMnJhZGl1cyUyMiUzQTQlN0QlMkMlMjJiYWNrZ3JvdW5kQ29sb3IlMjIlM0ElN0IlMjJjb2xvciUyMiUzQSUyMiUyM2ZmZmZmZiUyMiU3RCUyQyUyMmJvcmRlciUyMiUzQSU3QiUyMmNvbG9yJTIyJTNBJTIyJTIzRkZDMDIxJTIyJTJDJTIyd2lkdGglMjIlM0ExMCUyQyUyMnRvcCUyMiUzQWZhbHNlJTJDJTIycmlnaHQlMjIlM0FmYWxzZSUyQyUyMmJvdHRvbSUyMiUzQWZhbHNlJTJDJTIybGVmdCUyMiUzQXRydWUlMkMlMjJzdHlsZSUyMiUzQSUyMnNvbGlkJTIyJTdEJTdEJTdE

会員IDの置換文字のみ利用可能なため、以下の点をご理解の上ご利用をご検討いただけますと幸いです。

  1. 会員情報 data-cs-secretに入れる値はユーザーさまごとにハッシュ化された値などを入れるなどはベンダーさまにご依頼ください。

  2. フューチャーショップさまの仕様上、以下の置換文字が利用できないためユーザーさまを特定する情報が「会員ID（{@ member.id @}）」のみとなります。

    ※利用できない情報　例
    　・ユーザーさまのお名前（{@ member.last_name @}{@ member.first_name @}）

パネル
panelIconId2699
panelIcon:gear:
panelIconText⚙️
bgColor#B3F5FF
測定タグの設定

測定タグのへのタグの設定

futureshop管理画面のメニュー：プロモーション管理 > 測定タグ一覧で、以下を設定いただきます。

  • WhatYa AutoCVの利用に必要なタグ…注文完了ページ以外会員情報連携の利用に必要なタグ…注文完了ページ以外

  • 注文完了後のCV金額送信に必要なタグ…注文完了ページのみ

...

<body>タグ内（<body>タグの後）に出力するを選択

出力内容

以下タグ、埋め込みタグのサンプルです。
以下タグを埋め込みます。
※以下の埋め込みタグはサンプルとなりますので、御社の埋め込みタグ※以下の埋め込みタグはあくまでもサンプルとなりますので、変数やScriptのサポートは出来ませんのでご了承下さい。
※6行目のXXXXの箇所はサンプルの値となりますので、御社のクライアントコートを入れてください。

<script src=
コード ブロック
languagejs
<script>
document.addEventListener("DOMContentLoaded", function() {
    try {
        const memberid = "{@ member.id @}".trim();
        const scriptTag = document.createElement('script');
        scriptTag.src = "https://whatya.solairo-api.com/XXXXXXX/chat.js"><;

        if (memberid && memberid !== "null") {  
            scriptTag.setAttribute('data-cs-id', '{@ member.id @}');
            scriptTag.setAttribute('data-cs-secret', '{@ member.id @}');
            if (document.getElementsByClassName('fs-trial-header__title')[0]) {
                document.getElementsByClassName('fs-trial-header__title')[0].innerText = 'Logged in: Script tag added with data attributes';
            }
        } else {
            if (document.getElementsByClassName('fs-trial-header__title')[0]) {
                document.getElementsByClassName('fs-trial-header__title')[0].innerText = 'Not logged in: Error adding script tag';
            }
        }
        document.body.appendChild(scriptTag);
    } catch (error) {
        console.error("エラーが発生しました:", error.message);
    }
});
</script>

パネル
panelIconId32-20e3
panelIcon:two:
panelIconText2️⃣
bgColor#E6FCFF

注文完了ページ

注文完了ページに、注文完了後のCV金額送信に必要なタグを設定します。
注文完了ページに、以下の設定を行ってください。

...

出力設定

<body>タグ内（<body>タグの後）に出力するを選択

出力内容

以下埋め込みタグのサンプルです。
以下タグを埋め込みます。
※一行目の埋め込みタグはサンプルとなりますので、御社の埋め込みタグ(非表示タグ)※以下の埋め込みタグはあくまでもサンプルとなりますので、変数やScriptのサポートは出来ませんのでご了承下さい。
※6行目のXXXXの箇所はサンプルの値となりますので、御社のクライアントコートを入れてください。

<script data-no-chat="true" src=
コード ブロック
languagejs
<script>
document.addEventListener("DOMContentLoaded", function() {
    try {
        const memberid = "{@ member.id @}".trim();
        const scriptTag = document.createElement('script');
        scriptTag.src = "https://whatya.solairo-api.com/XXXXXXX/chat.js"></script>;

      <script> window.onWhatYaReady =if (whatya) =>memberid && memberid !== "null") {
  whatya.purchase({ price: {% analytics.purchase_price_with_options_including_tax %}, user_id:           scriptTag.setAttribute('data-cs-id', '{@ member.id @}');
            scriptTag.setAttribute('data-cs-secret', '{@ member.id @}' });
}
</script>

注文完了ページでもポップアップを表示させたい場合は以下のタグを埋め込んでください。

コード ブロック
<script src="https://whatya.solairo-api.com/XXX/chat.js"><);
            if (document.getElementsByClassName('fs-trial-header__title')[0]) {
                document.getElementsByClassName('fs-trial-header__title')[0].innerText = 'Logged in: Script tag added with data attributes';
            }
        } else {
            if (document.getElementsByClassName('fs-trial-header__title')[0]) {
                document.getElementsByClassName('fs-trial-header__title')[0].innerText = 'Not logged in: Error adding script tag';
            }
        }
        document.body.appendChild(scriptTag);
    } catch (error) {
        console.error("エラーが発生しました:", error.message);
    }
});
</script>

<script>
window.onWhatYaReady = (whatya) => {
  whatya.purchase({ price: {% analytics.purchase_price_with_options_including_tax %}, user_id: '{@ member.id @}' });
}
</script>

...