Skip to content

タグマネージャー

Fanplayrはタグマネジメントシステムと連携して使用できます。動的な変数は各ページでアクセス可能であり、TMSの埋め込みコードによってアクセスされる必要があります。

例えば、お客様のストアに含めるコードは次のようになります。

html
<script>
  window.fanplayrTms = {};
  window.fanplayrTms.pageType = 'home';
  window.fanplayrTms.productId = '';
  window.fanplayrTms.categoryId = '';
  window.fanplayrTms.productName = '';
  window.fanplayrTms.categoryName = '';
</script>

TMSの埋め込みコードは次のようになります。

html
<script>
  (function (d, w, s) {
    var f = (w.fanplayr = w.fanplayr || { _i: [] });
    f._i.push({
      type: 'st',
      // ...
      data: {
        version: 3,
        // ...
        pageType: window.fanplayrTms.pageType,
        categoryId: window.fanplayrTms.categoryId,
        categoryName: dow.fanplayrTms.categoryName,
        productId: window.fanplayrTms.productId,
        productName: window.fanplayrTms.productName
      }
    });
    var js = d.createElement(s);
    var fjs = d.getElementsByTagName(s)[0];
    js.async = true;
    js.src = 'https://cdn.fanplayr.com/client/production/loader.js';
    fjs.parentNode.insertBefore(js, fjs);
  })(document, window, 'script');
</script>