使用 JavaScript 跟蹤 Google Adsense 點擊

Question

我想要做的是跟蹤用戶對 Google Adsense 的點擊。 通過包含 Google Adsense 腳本標簽生成兩種類型的廣告。

• 圖片橫幅（單擊橫幅會將用戶重定向到廣告）
• 帶有一個或多個鏈接的橫幅（用戶必須點擊鏈接才能重定向）

我對第二種類型的橫幅有疑問。
該鏈接位於兩個 iframe 內。 如果用戶的鼠標位於外部 iframe 上，則很容易跟蹤點擊。 但如果用戶點擊鏈接（標簽），我實際上無法訪問第二個 iframe 來跟蹤點擊。 因此，如果用戶點擊橫幅中的空白，我的函數也會將其計為一次點擊。 原因很明顯：谷歌否認。
我不想操縱谷歌的代碼，我只想跟蹤點擊。

Answer 1

我不太確定 AdSense 是否允許這樣做，因為您可能會通過跟蹤廣告點擊（例如內容鎖定）來濫用系統。 此外，你會遇到不同的邊緣情況——就像你問的那樣——這就是為什么我通常建議你以下內容：

您可能想要做的是將 Google Analytics 與 AdSense 連接起來（只需 1-2 次點擊），這樣您就可以輕松導航到 Analytics Dashboard 中的 Publisher → AdSense，以查看展示次數、點擊次數和其他 AdSense 數據。 您始終可以創建可以訪問此數據的自定義報告。

如果你真的想跟蹤點擊，你可以查看這個 iframe 跟蹤器，它使用模糊事件來確定鼠標光標當前懸停在哪個元素/iframe。

Answer 2

我有以下 POC 代碼，我發現它很有幫助：

function adClickEvent() {

// Set the name of the hidden property and the change event for visibility
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
    hidden = "hidden";
    visibilityChange = "visibilitychange";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
}


function handleVisibilityChange() {
    if (document[hidden]) {
        if (timeEntered && (new Date().getTime() - timeEntered) < 3000) {
            /* click on ad */ 
            timeEntered = new Date().getTime();
        }
    }
}

var timeEntered = 0;
if (typeof document.addEventListener === "undefined" || hidden === undefined) {
    // not supported
} else {
    var AdId = '';
    document.addEventListener(visibilityChange, handleVisibilityChange, false);
    var AdElements = document.querySelectorAll('[data-google-query-id]');
    for (var i = 0; i < AdElements.length; i++) {
        AdElements[i].addEventListener('mouseenter', function (e) {
            timeEntered = new Date().getTime();
            AdId = e.target.getAttribute('id');
        });
        AdElements[i].addEventListener('mouseleave', function (e) {
            setTimeout(function () {
                timeEntered = 0;
                AdId = e.target.getAttribute('id');
            }, 500);
        });
    }
}
}

Answer 3

假設橫幅具有.banner類，您可以像這樣完成跟蹤：

$('.banner').on('click', function(e) {
  ga('send','event',{eventCategory:'BannerClick', eventAction:e });
});