Как добавить Google Analytics в приложение vaadin?

Я использую Vaadin 12 с весенней загрузкой. Я хочу добавить Google Analytics на свою страницу. Код выглядит следующим образом:

<script async src = "https://www.googletagmanager.com/gtag/js?id=my-id"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'my-id');
</script>

Как я могу добавить это на веб-страницу Vaadin? Я уже пытался использовать аннотацию @Inline, но она всегда добавляла туда какие-то дополнительные вещи. Итак, есть ли способ поместить эти скрипты в заголовок html? Я использую только классы Java без HTML-страниц.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
206
1

Ответы 1

На самом деле есть рабочий аддон для добавления аналитики Google с новыми проектами Vaadin 10+, который добавляет трекер и дает некоторые другие дополнительные API для расширенного использования Google Analytics. Вы можете найти его в каталоге Vaadin.

https://vaadin.com/directory/component/googleanalyticstracker/4.0.0

(Существует аналогичное дополнение для Vaadin 7 и 8).

Приложения Vaadin являются одностраничными, поэтому, чтобы в полной мере воспользоваться преимуществами Google Analytics для поведенческого отслеживания использования приложения, вам необходимо такое дополнение. Это позволяет иметь виртуальные просмотры страниц, то есть вы можете видеть активность на уровне просмотра в Google Analytics.

Для простой интеграции JavaScript в заголовок html вы можете использовать, например. @Встроенная аннотация, как описано здесь: https://vaadin.com/docs/flow/advanced/tutorial-bootstrap.html Однако это не даст вам отслеживания уровня просмотра.

На самом деле мне это не поможет. Мне действительно нужно поместить эти скрипты в заголовок html. Кроме того, в этом репозитории упоминается, что это только для версий 6, 7 и 8 vaadin.

Pido 13.03.2019 21:59

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