<script>
						window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
						ga('create', 'UA-XXXXX-Y', 'auto');
						ga('send', 'pageview');
						</script>
						<script async src='https://www.google-analytics.com/analytics.js'></script>
					

						services:
							umami_ga.analytics_subscriber:
								class: Drupal\umami_ga\EventSubscriber\AnalyticsSubscriber
								arguments: ['@current_route_match']
								tags:
								  - { name: event_subscriber }
					

						namespace Drupal\umami_ga\EventSubscriber;

						class AnalyticsSubscriber implements EventSubscriberInterface {

							public static function getSubscribedEvents() {
								return [
									AnalyticsEvents::COLLECT => [
										['setNodeDimensions'],
										['setTaxonomyDimensions'],
									],
								];
							}

							public function __construct(RouteMatchInterface $routeMatch) {
								$this->routeMatch = $routeMatch;
							}

						}
					

						public function setNodeDimensions(CollectEvent $event) {
							$node = $this->routeMatch->getParameter('node')

							if (empty($node)) { return; }

							if (!empty($node->field_recipe_category[0]->entity)) {
								$category = $node->field_recipe_category[0]->entity->name->value;
								$event->addCommand(new Set('dimension1', $category));
							}

							if (!empty($node->field_difficulty)) {
								$difficulty = $node->field_difficulty->value;
								$event->addCommand(new Set('dimension2', $difficulty));
							}

							if ($node->bundle() == 'article') {
								$username = $node->getRevisionUser()->getAccountName();
								$event->addCommand(new Set('dimension3', $username));
							}
						}
					

						analytics:
							version: 1.x
							js:
								js/analytics.js: { }
							dependencies:
								- core/jquery
								- ga/analytics
					

						(function ($) {

							$('body').on('play', 'video', function (e) {
								ga('send', 'event', {
									eventCategory: 'video',
									eventAction: 'play',
									eventLabel: $(this).data('video-id'),
								});
							});

						})(jQuery);
					

						function updateSomethingWithApiData() {
							var dataFetchStart = new Date();

							$.get('/resource')
								.done(function (data) {
									var dataFetchEnd = new Date();
									var dataFetchDuration = dataFetchEnd.getTime() - dataFetchStart.getTime();

									// Update some widget with the data.

									var widgetRenderEnd = new Date();
									var widgetRenderDuration = widgetRenderEnd.getTime() - dataFetchEnd.getTime();

									ga('send', 'timing', 'resource', 'get', dataFetchDuration);
									ga('send', 'timing', 'widget', 'update', widgetRenderDuration);
								});
						};
					

						(function ($) {
							jQuery('body').on('click', 'a', function (event) {
								var href = $(this).attr('href');
								if (
									!href.match('^(\d+):\/\/')
									||
									href.match('^(https?):\/\/' + window.location.host)
								) {
									return;
								}

								ga('send', 'event', {
									eventCategory: 'Outbound Link',
									eventAction: 'click',
									eventLabel: href,
									transport: 'beacon'
								});
							});
						})();
					

						(function ($) {
							$('body').on('click', 'a', function (event) {
								var href = $(this).attr('href');
								if (!href.match('^(\d+):\/\/') || href.match('^(https?):\/\/' + window.location.host)) {
									return;
								}

								event.preventDefault();

								ga('send', 'event', {
									eventCategory: 'Outbound Link',
									eventAction: 'click',
									eventLabel: href,
									hitCallback: function() {
										document.location = href;
									}
								});
							});
						})(jQuery);