0

我在 GTM 数据层中使用一个变量,该变量从 Liferay REST API 调用中检索其值。

var openId;
AUI().ready('aui-base', function(A){
Liferay.Service(
       '/user/get-user-by-id',
        {
        userId: Liferay.ThemeDisplay.getUserId()
        },
        function(obj) {
          openId=obj.openId;
        }
                );
    });

这里的openId变量在 GTM dataLayer 中使用,它不可用并显示为undefined。数据层定义如下:

dataLayer = [{
                "page" : Liferay.currentURL
                ,"pageType" : instrDetail
                ,"user" : {
                            "type" : userType
                            ,"accountId" : openId
                          }
             }];

最后,我们有了 GTM 块,定义了标签管理器脚本块。

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');

现在,当我尝试访问openIddataLayer 中的变量时,它显示为未定义,而当我尝试访问同一个浏览器控制台时,它显示正确的值。

4

1 回答 1

0

尝试两次后解决了这个问题。

首先,经过一番搜索,我发现这是一个 Javascript 异步问题。dataLayer 在Rest call收到响应之前正在获取变量,因此该变量在 dataLayer 中不可用(在时间之前检索)并且在页面发布中可用那。为了解决这个问题,必须在成功接收到响应后构造数据层。因此,在成功接收到响应后调用callback了一个包含 的函数dataLayer

AUI().ready('aui-base', function(A){
Liferay.Service(
       '/user/get-user-by-id',
        {
        userId: Liferay.ThemeDisplay.getUserId()
        },
        function(obj) {
          callback(obj.openId);
        }
                );
    });

但是后来又出现了另一个问题,现在 GTM 脚本块在页面加载时执行,在 REST API 响应之前,因此所有其他变量都变成undefined了。这是因为,在 REST 响应之前,现在数据层对 GTM 脚本不可用称呼。

为了解决这个问题,dataLayer 和 GTM 脚本块都必须是回调函数的一部分,并在成功收到响应后调用。这终于解决了这个问题。

function callback(openId)
    {
      dataLayer = [{
                "page" : Liferay.currentURL
                ,"pageType" : instrDetail
                ,"user" : {
                            "type" : userType
                            ,"accountId" : openId
                          }
                  }];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-PGLDG7W');
}
于 2017-01-19T11:11:43.990 回答