如何从Google Analytics的dataLayer中提取BrandID、ArticleID特定键值

直接提取BrandID、ArticleID的代码实现 #

方案1：一次遍历+提前终止（性能最优，无额外依赖） #

该方案只会遍历到两个目标参数都出现为止，不需要走完dataLayer的全部元素，性能损耗极低：

let articleId = 0;
let brandId = -1;

for (const item of dataLayer) {
  // 匹配到对应字段就赋值
  if (item.hasOwnProperty('BrandID')) brandId = item.BrandID;
  if (item.hasOwnProperty('ArticleID')) articleId = item.ArticleID;
  // 两个字段都拿到就直接终止循环，无需继续遍历
  if (brandId !== -1 && articleId !== 0) break;
}

如果不需要兼容低版本浏览器，也可以用更简洁的写法，缺点是会执行两次遍历：

const brandId = dataLayer.find(item => 'BrandID' in item)?.BrandID ?? -1;
const articleId = dataLayer.find(item => 'ArticleID' in item)?.ArticleID ?? 0;

方案2：无需手动遍历的实现（依赖GTM环境） #

如果页面已经正常加载了Google Tag Manager容器，可以直接调用GTM封装好的get方法直接取值，不需要自己写遍历逻辑：

// 替换代码中的GTM-XXXXXX为你页面实际的GTM容器ID
const gtmContainer = window.google_tag_manager?.['GTM-XXXXXX'];
const brandId = gtmContainer ? gtmContainer.dataLayer.get('BrandID') : -1;
const articleId = gtmContainer ? gtmContainer.dataLayer.get('ArticleID') : 0;

内容的提问来源于stack exchange，提问作者Sebastian