【futureshopご利用店舗さま向け】LINE連携手順

futureshopを利用したサイトでは、セキュリティの関係で個人情報や決済情報パスワードなどが記述される画面では、外部JavaScriptの読込みができない仕様になっております。
詳細：Webスキミング防止設定
https://www.future-shop.jp/security/skimmingPrevention.html

そのため、LINE連携は上記制限のないページで設定する必要があり、LINE導入ガイドとは違う方法で行います。セキュリティ制限のある画面は下記リンクよりご確認ください。
対象画面詳細
https://www.future-shop.jp/manual/guideContents/skimmingPrevention.html#targetSC-CC

※本記事は2023年3月15日現在のfutureshopの各種ヘルプページで確認できる情報に基づいて記載しております。
最新情報はfutureshop様へお問い合わせください。

LINE導入ガイド(ecIntelligence_line_guide)

LINE通知導入ガイド

※パスワードは弊社にお問い合わせ下さい。

【手順】

LINE連携用ページとボタンの設置
基本設定～Webhook設定
1. LINEアカウントが1つの場合
2. LINEアカウントが複数の場合
連携スクリプト設置
1. LINE連携用ページ
2. マイページトップ

LINE連携用ページとボタンの設置
セキュリティ制限のないページ（フリーページまたは既存のページ）に、下図のようなLINE ID連携のボタンやリンク等を設置し、そのリンク先をマイページトップに遷移するよう設定します。
基本設定～Webhook設定
1. LINEアカウントが1つの場合
  LINE導入ガイド（ecIntelligence_line_guide）の「2. 基本設定」を実施してください。
  設定する際、LINEアカウント名が「Default」となっているものに設定してください。
  ※新たにLINEアカウントを登録し、LINEアカウント管理IDを指定した場合は、以下の「LINEアカウントが複数の場合」をご覧ください。要請メッセージのリンク先URLは、「1. LINE連携用ページとボタンの設置」で設定したページURLを記載してください。
2. LINEアカウントが複数の場合
  LINE導入ガイド（ecIntelligence_line_guide）の「2. 基本設定」を実施してください。
  設定する際、LINEアカウント名が「Default」となっているものではなく、新たにLINEアカウントを登録し、そちらに設定してください。要請メッセージのリンク先URLは、「1. LINE連携用ページとボタンの設置」で設定したページURLの末尾に「clientId=<該当のLINEアカウント管理ID>」を記載してください。
  （例）「1. LINE連携用ページとボタンの設置」で設定したページURLが https://test.example.com 、LINEアカウント管理IDがline_a1の場合、https://test.example.com?clientId=line_a1 を記載

連携スクリプト設置

LINE連携用ページ
「1. LINE連携用ページとボタンの設置」で設定したページに、LINE導入ガイド（ecIntelligence_line_guide）の「3-2-2. 連携スクリプト設置」に記載の以下のスクリプトを設置します。
※導入ガイドでは「ログインページに設定」の記載となっておりますが、上記で設定したページに記載してください。

<script>
// パラメーターをlocalStorageに保存するスクリプト
const geturl = new URL(window.location.href);
var _clientId = geturl.searchParams.get('clientId');
var localStorage = window.localStorage;
localStorage.removeItem("clientId");
if (_clientId != null) {
    localStorage.setItem("clientId", _clientId);
}
var _scq = _scq || [];
// 共通置換文字1（{% analytics.placeholder1 %}）に設定している、ご契約時にお知らせしたアカウントID文字列
_scq.push(['_setAccount', 'XXXXX']);
_scq.push(['_line']);
// アカウント名（{% analytics.account_id %}）に設定している、ご契約時にお知らせしたホスト名文字列
var _host = 'XXXXX';
(function() {
    var sc = document.createElement('script'); sc.type = 'text/javascript'; sc.async = true;
    sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://')  + _host + '/js/sc.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sc, s);
})();
</script>

マイページトップ
マイページトップに、LINE導入ガイド（ecIntelligence_line_guide）の「3-2-2. 連携スクリプト設置」に記載の以下のスクリプトを設置します。
※導入ガイドの「ログイン後ページに設定」と記載されているスクリプトです。
※コマースクリエイターの「共通出力」に記述する方法です。

<script>
var _scq = _scq || [];
_scq.push(['_setAccount', '{% analytics.placeholder1 %}']);
try {
    if ({@ member.logged_in @}) {
        if (Boolean({@ member.id @})) {
            _scq.push(['_setCustomVar', '{@ member.id @}', '', '', '']);
        }
        if (location.pathname.indexOf('/my/top') === 0) {
            var localStorage = window.localStorage;
            var _clientId = localStorage.getItem("clientId");
            localStorage.removeItem("clientId");
            if (_clientId) {
                _scq.push(['_line', {
                    type: 'complete',
                    customerKey: '{@ member.id @}',
                    clientId: _clientId
                }]);
            } else {
                _scq.push(['_line', {
                    type: 'complete',
                    customerKey: '{@ member.id @}'
                }]);
            }
        }
    }
} catch(e) {
}
_scq.push(['_trackPageview']);
var _host = '{% analytics.account_id %}';
(function() {
var sc = document.createElement('script'); sc.type = 'text/javascript'; sc.async = true;
sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + _host + '/js/sc.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sc, s);
})();
</script>

ヘルプセンター

【futureshopご利用店舗さま向け】LINE連携手順

EC Intelligence カスタマーサポートへのお問い合わせはこちら

この情報は役に立ちましたか？