Google Tag Manager (GTM) 和 Adobe Experience Platform Launch (AEPL) 都是风行的标签治理平台,它们能够在SAP Spartacus中用于治理网站上的各种标签,包含广告标签、剖析标签、社交媒体标签等等。上面介绍一下它们在SAP Spartacus中的利用:
Google Tag Manager (GTM)
GTM是一个收费的标签治理平台,由Google提供。在SAP Spartacus中,您能够应用GTM来治理您的网站标签。GTM具备易于应用的界面,使您可能轻松地增加、编辑和删除各种标签,例如Google Analytics标签、Facebook像素标签、AdWords Remarketing标签等等。此外,GTM还提供了一些高级性能,例如事件跟踪、转化跟踪和自定义变量,能够帮忙您更好地了解网站的应用状况,以及进行优化和测试。
Adobe Experience Platform Launch (AEPL)
AEPL是由Adobe开发的标签治理平台,它提供了一种可扩大的、面向开发者的形式来治理网站上的标签。在SAP Spartacus中,您能够应用AEPL来治理各种标签,例如Adobe Analytics标签、Adobe Target标签、Adobe Audience Manager标签等等。AEPL具备易于应用的用户界面,同时也提供了弱小的API和插件,能够帮忙您更好地集成和治理您的标签。此外,AEPL还提供了一些高级性能,例如自动化标签配置、实时数据收集和自定义事件触发器,能够帮忙您更好地理解网站上的用户行为,并进行优化和测试。
总之,GTM和AEPL都是风行的标签治理平台,在SAP Spartacus中都能够用于治理网站上的各种标签。您能够依据本人的需要抉择其中一种或两种都应用,并通过它们更好地了解和优化您的网站。
对于 GTM 的一个具体例子:
(1) 您须要在GTM中创立一个新的标签,并将其配置为应用Google Analytics。在这个标签中,您须要指定您的Google Analytics跟踪ID,并抉择您想要跟踪的事件类型和指标。
(2) 在SAP Spartacus中,您须要将GTM代码增加到您的应用程序中。您能够在Spartacus应用程序的index.html文件中增加以下代码:
<!DOCTYPE html><html> <head> ... </head> <body> ... <!-- 将以下GTM代码增加到您的index.html文件中 --> <script> (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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXXX'); </script> <!-- End Google Tag Manager --> ... </body></html>
请留神,您须要将下面的代码中的“GTM-XXXXXXX”替换为您在GTM中创立的标签的ID。
(3) 您须要在SAP Spartacus的Angular应用程序中增加一个Google Analytics服务,该服务将向GTM发送事件数据。您能够在Angular应用程序的app.module.ts文件中增加以下代码:
import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { BrowserTransferStateModule } from '@angular/platform-browser';import { AppComponent } from './app.component';// 导入Google Analytics服务import { GoogleAnalyticsService } from './services/google-analytics.service';@NgModule({ declarations: [AppComponent], imports: [ BrowserModule.withServerTransition({ appId: 'serverApp' }), BrowserTransferStateModule, ], providers: [ // 增加Google Analytics服务 GoogleAnalyticsService, ], bootstrap: [AppComponent],})export class AppModule {}
请留神,您须要创立一个名为“GoogleAnalyticsService”的服务,该服务将发送事件数据到GTM。您能够应用以下代码作为GoogleAnalyticsService服务的根底:
import { Injectable } from '@angular/core';declare const gtag: Function;@Injectable({ providedIn: 'root',})export class GoogleAnalyticsService { constructor() {} public emitEvent(eventCategory: string, eventAction: string, eventLabel: string = null, eventValue: number = null) { gtag('event', eventAction, { event_category: eventCategory, event_label: eventLabel, value: eventValue, }); }}
请留神,下面的代码中的“gtag”是您在GTM中创立的标签主动生成的全局函数。您须要在GTM中为该标签设置事件触发器,并将其与下面的GoogleAnalyticsService服务中的emitEvent办法关联起来。