在GTM的数据层中使用时未定义Javascript变量

我在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数据层中使用，该变量不可用，显示为

undefined

。 数据层定义如下：

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

最后，我们有了GTM块，定义了tagmanager脚本块

(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');

---

现在，当我尝试访问数据层中的

openId

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

这是在尝试两次后解决的

首先，在进行了一些搜索之后，我发现这是一个Javascript异步问题。数据层在收到

Rest调用

响应之前获取变量，因此该变量在数据层中不可用（在时间之前被检索），并且在页面发布中可用。为了对其进行排序，数据层必须在成功接收响应后构建。因此，在成功接收响应后，调用了包含数据层的

回调

函数

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响应之前在页面加载上执行，因此所有其他变量都变成了

未定义的

。这是因为在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');
}