Пользовательские события angulartics2 отправляются в facebook, но не в Google Analytics

Я использую angulartics2 с проектом angular7 для запуска событий в Facebook и Google Analytics.

У меня есть аналитика facebook и google, настроенная с помощью менеджера тегов google.

проблема в том, что мои пользовательские события запускаются и отправляются в facebook, но не в Google Analytics.

под тегом <head> у меня есть код менеджера тегов Google.

в файле машинописного текста основного компонента я добавил следующий код:

constructor(
  private angulartics2GoogleTagManager: Angulartics2GoogleTagManager,
  private angulartics2Facebook: Angulartics2Facebook,
  private angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics
            ) {
    this.angulartics2Facebook.startTracking();
    this.angulartics2GoogleTagManager.startTracking();
    this.angulartics2GoogleAnalytics.startTracking();
...

например, когда люди добавляют товары в корзину, я хочу запустить событие об этом.

поэтому в моем сервисе корзины я вставляю angulartics2 в конструктор:

 constructor(@Inject(LOCAL_STORAGE) private storage: StorageService,
                private angulartics2: Angulartics2
                ) 

а затем, где это уместно, я запускаю событие со следующим кодом:

    this.angulartics2.eventTrack.next({action: 'addToCart', properties: {category: 'Cart', label: keyName, value: quantity}});

используя расширение хрома пикселя facebook, я вижу, что пользовательское событие обнаружено, используя расширение chrome событий google, я вижу, что событие не обнаружено.

что мне не хватает? что я неправильно настроил?

Google Analytics настроен правильно в диспетчере тегов Google, я действительно вижу количество пользователей и просмотров страниц правильно.

мы будем очень признательны за любую информацию по этому вопросу.

Благодарность

Обновить

еще немного информации о расследовании благодаря @XTOTHEL.

поэтому в конструкторе app.component.ts я включил только диспетчер тегов Google, чтобы начать отслеживание.

к сожалению, диспетчер тегов Google не обнаруживает запускаемых событий.

приложил снимок экрана консоли диспетчера тегов Google после добавления материала в корзину и кода angulartics2 для добавления настраиваемого события addToCart, которое запускается.

Пользовательские события angulartics2 отправляются в facebook, но не в Google Analytics

обновление 2

Пользовательские события angulartics2 отправляются в facebook, но не в Google Analytics

Пользовательские события angulartics2 отправляются в facebook, но не в Google Analytics

Если вы настроили свои теги в GTM, я не думаю, что вам нужно будет использовать только angulartics2GoogleTagmanager.startTracking (); а не все остальное. Можете ли вы показать снимок экрана тегов в GTM для FB и GA и связанных с ними триггеров?

XTOTHEL 09.11.2018 16:49

@XTOTHEL - я предполагаю, что мне что-то не хватает ... нужно ли мне предварительно настраивать пользовательские события, которые я собираюсь отправить с помощью angulartics2 на странице администратора GTM? где именно ?

ufk 09.11.2018 20:04

Можете ли вы показать мне вывод консоли отладки GTM, когда вы запускаете событие?

XTOTHEL 09.11.2018 20:42

@XTOTHEL - обновлен основной пост. Благодарность

ufk 10.11.2018 11:42

Можете ли вы выбрать «взаимодействие» и показать мне вкладку как тегов, так и слоев данных?

XTOTHEL 10.11.2018 16:13

@XTOTHEL - обновлен основной пост. Спасибо большое. пока вы помогаете мне решить проблему, вы помогаете мне понять, как использовать консоль менеджера тегов google :) два зайца одним выстрелом! :)

ufk 10.11.2018 16:20

Похоже, у вас нет тега Google Analytics для отслеживания этого «взаимодействия». У вас есть только тег GA для отслеживания просмотров страницы.

XTOTHEL 10.11.2018 16:22

Позвольте нам продолжить обсуждение в чате.

ufk 10.11.2018 16:24
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
2
8
664
1

Ответы 1

Я не знаю, что вы ищете, но я получил несколько событий GTM с методом pushLayer от Angulartics2GoogleTagManager из службы, которая распространяется на Angulartics2GoogleTagManager:

@Injectable()
export class GoogleTagManagerService extends Angulartics2GoogleTagManager {

  public gtmProperties: GoogleTagManagerProperties = new GoogleTagManagerProperties();

  pageTrack(path: string) {
    if (typeof dataLayer !== 'undefined' && dataLayer) {
      dataLayer.push({
        event: 'pageView',
        action: path,
        'content-name': path,
        userId: this.angulartics2.settings.gtm.userId,
        ...this.gtmProperties
      });
    }
    return true;
  }

  setSearchCriteria(type: string, criteria) {
    this.pushLayer(type.toLowerCase().indexOf('listings') > -1 ?
      {
        event: 'search',
        action: type,
        'content-name': type,
        userId: this.angulartics2.settings.gtm.userId,
        searchCriteriaListings: criteria
      } : {
        event: 'search',
        action: type,
        'content-name': type,
        userId: this.angulartics2.settings.gtm.userId,
        searchCriteriaPostings: criteria
      });
  }

}

который принесет мне новый dataLayer с такой информацией:

Другие вопросы по теме