Загрузить сценарий GA4 из конкретного компонента в угловой ⇐ Javascript

[Anonymous]

Я работаю с Angular V12, чтобы создать веб -страницу, которая будет пользователем с разными клиентами, и я могу сказать разницу между клиентами на основе параметра запроса (сфера), который является уникальным для каждого клиента, и на основе этого параметра Я получаю данные из заднего фонда, как пользовательские цвета шрифтов, пользователи и т. Д. Эта информация не собирается мной, каждый Клиент может вставить свой идентификатор измерения для своего веб -сайта Google Analytics, а затем информация для пользователей, приезжающих туда в сферы, собираются ими. Сценарий GTAG.JS динамически динамически из компонента и получить идентификатор измерения специально для этой области, но столкнулся с некоторыми проблемами, такими как аналитика, не может связать поток данных с веб -страницей, (Я думаю, что это то, что приводит к тому, что это не найти в index.html , как при добавлении метатеток для SEO - исправьте меня, если я ошибаюсь -)
Это аналитика. service.ts :

Код: Выделить всё

import { Injectable } from '@angular/core';

@Injectable({
providedIn: 'root'
})
export class AnalyticsService {
private isLoaded = false;

constructor() {}

loadGoogleAnalytics(measurementId: string): void {
console.log('hi loadGoogleAnalytics', measurementId);
if (!measurementId || this.isLoaded) {
return;
}

this.isLoaded = true;

// Create script tag
const script = document.createElement('script');
script.async = true;
script.src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;
document.head.appendChild(script);

// Initialize GA
script.onload = () => {
(window as any).dataLayer = (window as any).dataLayer || [];
function gtag(...args: any[]) {
(window as any).dataLayer.push(args);
}
(window as any).gtag = gtag;

gtag('js', new Date());
gtag('config', measurementId);
this.trackPageView();
};
}

trackPageView(): void {
console.log('Tracking page view:', window.location.hash);
if ((window as any).gtag) {
(window as any).gtag('event', 'page_view', {page_title: document.title, page_path: window.location.hash });
}
}
}

Итак, каково предложенное решение для решения этой проблемы?


Подробнее здесь: https://stackoverflow.com/questions/794 ... in-angular