在谷歌標簽管理器中,跟蹤這個標記
<div class="swiper-button-prev-recom" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-29c7f9f933787763" aria-disabled="false">
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.261501 5.64373C-0.087168 5.9924 -0.087168 6.57352 0.261501 6.92218L5.53027 12.1909C5.91767 12.5784 6.49879 12.5784 6.84746 12.1909L7.7385 11.3386C8.08717 10.9512 8.08717 10.3701 7.7385 10.0215L3.98063 6.26359L7.7385 2.54446C8.08717 2.19579 8.08717 1.61468 7.7385 1.22727L6.84746 0.374968C6.49879 -0.0124407 5.91768 -0.0124408 5.53027 0.374968L0.261501 5.64373Z" fill="#757575"></path>
</svg>
</div>
使用觸發器:
"單擊元素匹配CSS選擇器。swiper-button-prev-recom服務
工作正常。
而是試圖追蹤:
<div class="swiper-button-next-recom" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-29c7f9f933787763" aria-disabled="false">
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.7385 6.92218C8.08717 6.57352 8.08717 5.9924 7.7385 5.64373L2.46973 0.374968C2.08232 -0.0124408 1.50121 -0.0124407 1.15254 0.374968L0.261501 1.22727C-0.0871676 1.61468 -0.0871675 2.19579 0.261501 2.54446L4.01937 6.30233L0.261501 10.0215C-0.0871672 10.3701 -0.0871671 10.9512 0.261501 11.3386L1.15254 12.1909C1.50121 12.5784 2.08232 12.5784 2.46973 12.1909L7.7385 6.92218Z" fill="#757575"></path>
</svg>
</div>
使用:
"單擊元素匹配CSS選擇器。swiper-button-next-recom svg
不工作。為什么不呢?
我問了chatGPT,它是這樣說的:
扳機& quot單擊元素匹配CSS選擇器 。swiper-button-next-recom svg應該跟蹤下一次點擊 箭頭,假設CSS選擇器或 觸發器的配置。
以下是它可能不起作用的幾個可能原因:
選擇器特異性:確保CSS選擇器 。swiper-button-next-recom svg精確匹配下一個箭頭 元素。仔細檢查類名并確保 沒有錯別字或多余的空格。也有可能有 沖突的CSS樣式或JavaScript修改會影響 元素,阻止觸發器觸發。你可以檢查 元素,以驗證選擇器 正確瞄準下一支箭。
觸發順序:驗證下一個箭頭的觸發器是 在谷歌標簽管理器中定位正確。如果你有多個 匹配相同點擊事件的觸發器,觸發器的順序 事關重大。確保下一個箭頭的觸發器放置在任何 其他可能干擾其發射的觸發器。
事件傳播:如果有事件監聽器或JavaScript代碼 附加到下一個箭頭元素,防止單擊事件 傳播到文檔,觸發器可能不會觸發。這是可能發生的 如果有自定義事件處理程序或JavaScript框架 攔截點擊事件。在這種情況下,您可能需要使用 自定義JavaScript代碼來手動跟蹤點擊事件。
要解決該問題,您可以:
驗證CSS選擇器:使用瀏覽器的開發工具進行檢查 下一個箭頭元素,并確認CSS選擇器 。swiper-button-next-recom svg精確定位。
測試觸發器:創建一個具有不同條件的測試觸發器, 比如& quot單擊元素-匹配CSS選擇器- 。swiper-button-next-recom & quot;,查看它是否正確地捕捉到了點擊 事件。如果是這樣,可能是所使用的CSS選擇器有問題 在你最初的觸發器里。
檢查JavaScript沖突:暫時刪除任何自定義 JavaScript代碼或第三方腳本可能會干擾 單擊事件。然后,測試觸發器是否正確觸發。如果是的話, 逐漸重新引入JavaScript代碼來識別任何沖突。
通過查看CSS選擇器、觸發器順序和潛在的JavaScript 沖突,您應該能夠解決問題并跟蹤 成功點擊下一個箭頭。
做
document.querySelectorAll('。swiper-button-prev-recom svg ')給了我正確的元素。
帶有CSS選擇器的Click元素在Google標簽管理器中不起作用
答案中的信息我覺得沒什么幫助。
你如何讓箭持續發射?