javascript - GTM、Prestashop 和 Smarty {字面意思}

Question

我想在 Prestashop 上的订单确认页面中添加 GTM 的数据层。就像 Smarty 文档中的精确一样，我使用 {literal} , {ldelim}和{rdelim} .

我的脚本需要是动态的，以便将正确的数据发送到 GTM，具体取决于客户端刚刚传递的命令。

我修改了 header.tpl 文件，因为我需要将 JS 放在 GTM 标记之前。

这是我的代码:

{if isset($page_name) && $page_name|escape:'html':'UTF-8' == "order-confirmation"}
    {literal}
        <script>
    {/literal}
        window.dataLayer = window.dataLayer || []
        dataLayer.push({ldelim}
           'transactionId': '{$id_order}',
           'transactionTotal': {$total_paid_tax_incl},
           'transactionProducts': [
           {foreach from=$products item=product}
               {ldelim}                            // List of productFieldObjects.
                   'sku': '{$product.id}',
                   'name': '{$product.name}',     // Name or ID is required.
                   //'category': '{$product.X}',
                   'price': {$product.price},
                   'quantity': 1                        // Optional fields may be omitted or set to empty string.
               {rdelim}{if !$smarty.foreach.product.last},{/if}
           {/foreach}
        ]
        {rdelim});
    {literal}
        </script>
    {/literal}
{/if}

结果没有显示任何内容...但是如果我删除

{literal}<script>{/literal}

和

{literal}</script>{/literal}

部分，JS 显示正常，但当然在 a 之外

<script>...</script> ...

感谢您的帮助，

珀塞瓦尔

Answer 1

我会为你做一些小修正:

{if isset($page_name) && $page_name|escape:'html':'UTF-8' == "order-confirmation"}
        <script type="text/javascript">
        window.dataLayer = window.dataLayer || []
        dataLayer.push({ldelim}
           'transactionId': '{$id_order}',
           'transactionTotal': {$total_paid_tax_incl},
           'transactionProducts': [
           {foreach from=$products item=product}
               {ldelim}                            
               // List of productFieldObjects.
                   'sku': '{$product.id}',
                   'name': '{$product.name}',     // Name or ID is required.
                   //'category': '{$product.X}',
                   'price': {$product.price},
                   'quantity': 1                        // Optional fields may be omitted or set to empty string.
               {rdelim}
               {if !$smarty.foreach.product.last},{/if}
           {/foreach}
        ]
        {rdelim});
        </script>
{/if}

将 smarty 代码与 js 结合起来总是很棘手，在你的情况下，我不建议使用 {literal} 标签，请尝试让我知道;)