动态绑定到 Google 标记属性数据跟踪标签 = " "

Question

我正在尝试绑定数据跟踪标签="plan.priceplan_name"。

不确定如何将priceplan_name动态绑定到数据跟踪标签。

已经尝试了一些选项，包括： data-tracking-label={{plan.priceplan_name}} - 它有错误： 未捕获错误：模板分析错误： 无法绑定到"跟踪标签"，因为它不是"div"的已知属性。

下面是我的代码片段。

<div *ngFor="let plan of plans; let i = index" class="col-md-3 pt-2 pb-2 pl-2 pr-2">
<div class="card">
<div class="card-body row p-0" (click)="selectPlan(plan, i)" data-tracking-category="SEA - Choose-plan" data-tracking-action="Click" data-tracking-label={{plan.priceplan_name}}>
<div class="first-sec col-6 pt-2 pb-2 rounded-left">
<h3>{{plan.priceplan_name}}</h3>
<div class="position-bottom">
<h2 class="mb-0">R{{plan.base_priceplan_cost | number:'1.0-2'}}pm</h2>
<h5>x{{plan.contract_duration}}</h5>
</div>
</div>
</div>
</div>
</div>

Answer 1

这是添加正在使用的标签的另一种方法。

请注意，具有 windowRef 提供程序的服务已添加到 app.module.ts 中，并导入到使用 dataLayer 的每个控制器中。

(click)="myFunstion(param); dataLayer.push({event:'MyEvent', category:'MyCategory', action:'Click', label:plan.priceplan_name})

在控制器中：

import { WindowRef } from '../WindowRef';

在构造函数之前声明 var：

dataLayer = this.winRef.nativeWindow.dataLayer;

并在构造函数中添加变量：

private winRef: WindowRef