Google 跟踪代码管理器链接点击图片

Question

当您单击 Google Tag Manager 或Google Analytics 标记时，我使用 <a> 向 <button> 发送事件，这工作正常。

但是我也有一个 <a> 标签包裹着一个 <img> 并且事件没有被触发，因为被点击的元素不是 <a> 标签，而是 <img> 标签.

我已尝试将 .sau-btn 移至 <img> 标记，但这也不起作用。我还尝试移动我的 a 标签以充当其上的热点。

<a href="#" @click="openSaleOfferModal(true, 'enterprise')" style="display:inline-block; border:1px solid red; background-color:green z-index:99; position:relative;"><v-img :src="require('@/assets/img/sales-banner-enterprise.jpg')" class="gtm-btn" data-gtm-category="Sales Offer" data-gtm-action="Test Link" data-gtm-label="Image Real Link One" alt="alt tag"></v-img></a>

当您单击它所持有的类中的任何内容时，我如何让我的事件触发？

Answer 1

如果您正在寻找父锚标记来不将事件捕获到图像标记，您可以对其调用 type NavigationProperties<T, TKey extends keyof T> = T[TKey] extends object ? TKey : never; type Relationship<T extends { [k in TMember]: TTarget }, TMember extends keyof T, TTarget extends object = object> = { name: TMember, isComposite?: boolean, }; class A<TObject extends object> { public readonly relationships: Partial<{ [k in NavigationProperties<TObject, keyof TObject>]: Relationship<TObject, k> }> = { } } 。< /p>

默认情况下，事件会通过捕获阶段到达嵌套最多的元素。这是 API 的链接： https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation