README

为Spryker提供的Google Tag Manager集成

安装

composer require fond-of-spryker/google-tagmanager

1. 在配置文件中添加容器ID

// ---------- Google Tag Manager
$config[GoogleTagManagerConstants::CONTAINER_ID] = 'GTM-XXXX';

2. 在配置文件中启用模块

// ---------- Google Tag Manager
$config[GoogleTagManagerConstants::ENABLED] = true;

3. 在配置文件中将命名空间包含为核心命名空间

$config[KernelConstants::CORE_NAMESPACES] = [
    [...]
    'FondOfSpryker'
];

4. 在registerServiceProviders()中向YvesBootstrap.php添加twig服务提供者

$this->application->register(new GoogleTagManagerTwigServiceProvider());

5. 在必要的Twig模板中添加Twig扩展

  Application/layout/layout.twig 
  between <head></head> tags
  
  {% block googletagmanager_data_layer %} {{ dataLayer('other', {}) }}{% endblock %} 
  {{ googleTagManager('@GoogleTagManager/partials/tag.twig') }}
  
  after <body> tag
  {{ googleTagManager('@GoogleTagManager/partials/tag-noscript.twig') }}

  Catalog/catalog/index.twig 
  {% block googletagmanager_data_layer %}
      {% set params = { 'category' : category, 'products' : products} %}
      {{ dataLayer('category', params) }}
  {% endblock %}

  Product/product/detail.twig 
  {% block googletagmanager_data_layer %}
      {% set params = { 'product' : product} %}
      {{ dataLayer('product', params) }}
  {% endblock %}

  Cart/cart/index.twig 
  {% block googletagmanager_data_layer %}
      {{ dataLayer('cart', {}) }}
  {% endblock %}

  Checkout/checkout/partial/success.twig 
  {% block googletagmanager_data_layer %}
      {% set params = { 'order' : orderTransfer} %}
      {{ dataLayer('order', params) }}
  {% endblock %}

fond-of-spryker / google-tagmanager

维护者

详细信息

README

安装

1. 在配置文件中添加容器ID

2. 在配置文件中启用模块

3. 在配置文件中将命名空间包含为核心命名空间

4. 在registerServiceProviders()中向YvesBootstrap.php添加twig服务提供者

5. 在必要的Twig模板中添加Twig扩展