配信枠タグはインラインキャンペーンを配信したい箇所に設置する必要があり、通常サイトの改修が必要になりますが、GoogleTagManagerから任意の箇所にタグ設置出来るとサイトの改修と比較して大幅に工数が削減できます。
※[前提]jQueryを使用するため、貴社サイトへjQueryの読み込みが必要になります。
現在JQueryを導入されていない場合、セキュリティの面や既存のJavascriptコードに影響する場合もございますので、事前に必ず動作検証と貴社開発ご担当者も含めた判断をお願いいたします。
JQuery導入により何らかの問題が起こった場合も弊社では責任は負いかねます。
具体的には下記の様なCDNから読み込むための<script>タグを<head>タグ内に設置いただく必要がございます。(下記は2021/02/10時点の最新版3.5.1となります。導入バージョンは貴社にてご判断をお願いいたします。)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
【任意の箇所として「ある要素」の次の要素に配信枠タグを設置し、インラインキャンペーン配信した例】
※インラインキャンペーンの設定は別途必要です。設定方法はこちら
1.ecコンシェル管理画面から配信枠タグをコピーします。
管理画面左側のメニュー「配信枠設定」 > 該当配信枠タグの「配信枠タグを確認する」をクリックし、キャプチャの画面にて「コピーする」をクリック
2.コピーしたタグテキストエディタに貼り付け、"を'に置換します。
3.GoogleTagManagerにて下記「変数」を作成します
名称:配信枠タグ(任意の名称設定可能)
変数のタイプ:カスタムJavaScript
カスタムJavaScript:下記内容
function(){
var param ="<ins class='ec-concier' style='display: none' data-frame-unique-name='XXXXXXXXXXXXXXXX'></ins><script>(ara=window.ara || []).push(['infeed','XXXXXXXXXXXXXXXX'])</script>";
return param;
}
※赤字部分は手順2で作成したものを貼り付け下さい。
4.下記「タグ」を作成します
名称:配信枠タグ呼び出し(任意の名称設定可能)
タイプ:カスタムHTML
<script>
if(typeof jQuery != "undefined"){
$(function(){
$("#example_area").after('{{配信枠タグ}}');
});
}
</script>
※#example_area について
→GoogleChromeの検証ツールで「ある要素」をCopy selectorした結果を貼り付け下さい。
検証ツールは下記ボタンをクリックし起動下さい
※Windows:F12
※mac:option + command + i
(Copy selector手順)
※.after('{{配信枠タグ}}') について
・.after:ある要素の「次の要素」として追記する場合です。
・{{配信枠タグ}}:手順3の変数名を設定下さい
5.手順4のタグの「トリガー」を、配信枠タグを設置したい「ページビュー」で指定下さい。
【参考情報】
手順4の「.after」の部分を変更することでタグ設置箇所を変更できます。
例 .prepend:その要素の先頭 .append:その要素の最後 等、JQueryで記載可能です。
____________________
インラインキャンペーンを配信するには下記0~3の対応を全て行う必要があります。
(クリックすると新しいタブで開きます)
____________________