ポップアップ設置コードのタグマネージャー連携について

ポップアップ設置コードのタグマネージャー連携

GTM（Googleタグマネージャ）

コードを追加していただくと連携できます。

・通常のポップアップ設置コード

<div id="satori__creative_container">
    <script id="-_-satori_creative-_-" src="//delivery.satr.jp/js/creative_set.js" data-key="xxxxxxxxxxxxx"></script>
</div>

・GTM用のポップアップ設置コード

14行目の『xxxxxxxxxx』の部分には、設置コードに書いてある「data-key="xxx"」の英数字をご入力ください。

<div id="satori__creative_container"></div>
<script>
(function() {
    "user strict";
    var root = this;
    var domain, creative_key, loadScript, queryBuilder, params;
    root.SatoriForm = {
        configure: function(obj) {
            var self = this;
            root.__tempConfigureObj = obj;
        }
    };
    domain = "delivery.satr.jp";
    creative_key = "xxxxxxxxxx";
    loadScript = function(src, callback) {
        var done = false;
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = src;
        head.appendChild(script);
        // Attach handlers for all browsers
        script.onload = script.onreadystatechange = function() {
            if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
                done = true;
                callback();
                // Handle memory leak in IE
                script.onload = script.onreadystatechange = null;
                if (head && script.parentNode) {
                    head.removeChild(script);
                }
            }
        };
    };
    getCookie = function(key) {
        var cookieString, cookieKeyArray, i, len, targetCookie, valueIndex;
        cookieString = document.cookie;
        cookieKeyArray = cookieString.split(";");
        len = cookieKeyArray.length;
        for (i = 0; i < len; i++) {
            targetCookie = cookieKeyArray[i];
            targetCookie = targetCookie.replace(/^\s+|\s+$/g, "");
            valueIndex = targetCookie.indexOf("=");
            if (targetCookie.substring(0, valueIndex) == key) {
                return unescape(targetCookie.slice(valueIndex + 1));
            }
        }
        return "";
    };
    queryBuilder = function(params) {
        var result = [];
        Object.keys(params).forEach(function(key) {
            result.push(key + "=" + encodeURIComponent(params[key]))
        });
        return result.join("&");
    };
    params = {
        current_url: document.URL,
        referer_url: document.referrer,
        logging_status: "true",
        st_segs: getCookie("st_segs"),
        st_id: getCookie("satori_id")
    };
    loadScript("//" + domain + "/creative_set/" + creative_key + "/f.js?" + queryBuilder(params), function() {
        var config = root.__tempConfigureObj;
        root.__tempConfigureObj = undefined;
        if (typeof configure == "object") {
            SatoriCreative.configure(config);
        }
        SatoriCreative.start();
    });
}).call(this);
</script>

※「document.writeをサポートする」のチェックがついている場合は外すようにお願いいたします。

GTM以外のタグマネージャー

弊社では検証しておりませんので、ご了承ください。