連携プラグインおよびトラッキングタグの挿入SHANON MARKETING PLATFORM（以下、SMP）の連携プラグイン、
およびトラッキングタグを挿入する方法についてご説明します。
対象ファイル：\seminar\mypage\ticket\plain.html
①テンプレートファイルの準備
キャンペーンで利用するテンプレートに設定されている seminar.zip には、「 mypage 」フォルダがない場合がございます。
SMPでの事前準備 No.3で取得したsystem.zipから「 mypage 」フォルダをコピーし、seminar.zip内の「 seminar 」の直下にコピーします。
続いて、Equipmediaカスタマーサイトよりダウンロードした「plain.html」を用意します。
ダウンロード方法につきましては「EQ連携用プラグインダウンロード」をご参照ください。
※ 「plain.html」は、以下のようにオンデマンド用とライブ・疑似ライブ用の２つが ございます。
使用する方のファイル名称を「plain.html」に変更ください。
・オンデマンド用 plain_ondemand.html
・ライブ・疑似ライブ用 plain_live.html
「mypage」フォルダ内の「ticket」フォルダにある「plain.html」を「EQ連携用プラグインダウンロード」でダウンロードした「plain.html」に置き換えます。
「plain.html」を開き、修正箇所を確認します。
◆「plain.html」修正箇所
以下、赤字部分が修正箇所です。また、青字部分がご契約されているSMPのドメインによって変わる値です。
| <!-- SMP Tracking Tag Ver 3 --> <!-- prettier-ignore --> <script type="text/javascript"> (function(n){ var w = window, d = document; w['ShanonCAMObject'] = n, w[n] = w[n] || function(){(w[n].q=w[n].q||[]).push(arguments)}; w[n].date = 1*new Date(); var e = d.createElement('script'), t = d.getElementsByTagName('script')[0]; e.async = 1, e.type='text/javascript', e.charset='utf-8', e.src = 'https://tracker.shanon-services.com/static/js/cam3.js' + "?_=" + w[n].date; t.parentNode.insertBefore(e,t); })('_cam’); _cam('create', 'xxxxxxxx', ['XXXXXXXXXXX','static.smktg.jp','ssl-cache.stream.ne.jp']); _cam("require", "associate"); _cam("associate:v", { v: "$FORM{'visitor_id'}", u: "$FORM{User.id}"}); _cam('send',{ "url": "/public/seminar/ticket-view/$FORM{'visitor_id'}", "title": "$FORM{Seminar.title}"+":動画視聴" }); </script> <script> var __smp_global = { isAdmin: "$FORM{is_admin}", }; </script> <!-- EQ-SMP Plugin(Live) --> <script src="__base_path__/shared/js/eq-smp.js"></script> <form id="regist-form" action="$FORM{Seminar.attribute2}" method="post" class="w-100"> |
②テンプレートファイルの修正
「plain.html」内の以下３ヶ所を修正します。
◆トラッキングタグ
| _cam('create', 'XXXXXXXX', ['XXXXXXXXXXX','static.smktg.jp','ssl-cache.stream.ne.jp']); |
上記の部分について、SMPより取得したトラッキングタグに差し替えます。
※青字部分がドメイン固有のものとなります。
※SMPからトラッキングタグを取得する方法につきましては、
株式会社シャノン様ご提供のマニュアルをご参照ください。
◆連携プラグイン
|
<script src="__base_path__/shared/js/eq-smp.js"></script> |
上記の赤字部分について、連携プラグインを格納したファイルパスに差し替えます。
「オンデマンド」または「ライブ／疑似ライブ」それぞれに対応したJSファイル名称に差し替えます。
- オンデマンド用 ⇒ eq-smp.js
- ライブ／疑似ライブ用 ⇒ eqLive-smp.js
※連携プラグインのダウンロード方法につきましては、「EQ連携用プラグインダウンロード」をご参照ください。
◆アンケートフローURL
|
<form id="regist-form" action="$FORM{Seminar.attributeXX}" method="post" class="w-100"> |
上記の赤字部分を「アンケート回答時完了文言」の変数に差し替えます。
※変数の確認方法につきましては、株式会社シャノン様ご提供のユーザーマニュアルをご参照ください。
対象ファイル：\seminar\application\application_flow_master_id\complete\index.html
①テンプレートファイルの修正
◆index.html
<p class=“ss_comMsg”>の$FORM{Seminar.attribute○○}を「アンケート回答時完了文言」の変数に差し替えます。
※上記が見つからない場合、<p>お問合わせ</p>の直前にある$FORM{Seminar.attribute○○}の変数を差し替えください。
変数の確認方法につきましては、下記をご参照ください。
SMPにログインいただき、左メニューの中から「キャンペーン」→「項目追加」を
クリックし、 「アンケート回答時完了文言」の「詳細」をクリックします。
赤枠で囲ったパスの末尾の数値が変数となります。