Google跟蹤代碼管理器中有關自定義Javascript變量的jQuery錯誤

Question

當將jquery作為自定義javasript變量運行時，為什么會出現錯誤？ 錯誤描述是"Error at line 10, character 2: Parse error. ')' expected"

function(){
  $( document ).ready(function() {
    $('button[class="panel__link panel__link--btb"]').on( 'click', function(e) {
       var $label = $( this ).parent().find("h2").text();
       return $label;
    });

  });
};

請指教。

問候，

斯里

Answer 1

刪除最后一個分號; 在最后一行：

function(){
$( document ).ready(function() {
$('button[class="panel__link panel__link--btb"]').on( 'click', function(e) {
 var $label = $( this ).parent().find("h2").text();
return $label;
});

});
}

Answer 2

我認為您在使用GTM時犯了一些概念上的錯誤。 觸發觸發器時，自定義變量應返回一些值。

我認為您在GTM中的最初目標是：

當用戶單擊按鈕button[class="panel__link panel__link--btb"]時，發送一些標簽（到Universal Analytics或其他標簽）。 此標記應包含一些文本信息，您可以找到類似.parent().find("h2").text();

如果我是正確的，那么您應該執行以下操作：

1. 轉到變量。 內置變量->配置->啟用Click Element
2. 轉到觸發器->新建->類型：所有元素-> Click Element ： matches CSS selector ： button.panel__link.panel__link--btb
3. 轉到變量。 新建->自定義JavaScript： function(){return {{Click Element}}.parent().find("h2").text();} ->名稱：“ H2文本”
4. 轉到標簽。 新建->從步驟＃2分配觸發器。 ->類型：（您可以選擇所需的內容）->在這里您可以使用變量{{H2 text}} ，它將返回必要的文本

Answer 3

引起該錯誤的原因是該函數沒有名稱。 我認為您正在嘗試做一個自我調用功能，應該

(function(){
   //your code
}());

您的代碼應該是

(function(){
  $( document ).ready(function() {
    $('button[class="panel__link panel__link--btb"]').on( 'click', function(e) {
      var $label = $( this ).parent().find("h2").text();
      return $label;
    });

  });
}());

要么

刪除function() {}並只需使用.ready執行代碼

$( document ).ready(function() {
    $('button[class="panel__link panel__link--btb"]').on( 'click', function(e) {
      var $label = $( this ).parent().find("h2").text();
      return $label;
    });

});