Four directives registered by the package.
@gtmSnippet
Emits both the head <script> block and the body <noscript> fallback. Renders nothing when the snippet is unconfigured.
Compiles to:
<?php echo app( \ArtisanPackUI\GoogleTagManager\Snippet\SnippetRenderer::class )->render(); ?>
@gtmSnippetHead
Emits just the head <script> block. For placement immediately inside <head>.
Compiles to:
<?php echo app( \ArtisanPackUI\GoogleTagManager\Snippet\SnippetRenderer::class )->renderHead(); ?>
@gtmSnippetBody
Emits just the body <noscript> fallback. For placement immediately after <body>.
Compiles to:
<?php echo app( \ArtisanPackUI\GoogleTagManager\Snippet\SnippetRenderer::class )->renderBody(); ?>
@gtmRoutes
Emits an inline <script> block that publishes the resolved route URLs to window.__apGtmRoutes. The React and Vue clients read this global to know where the HTTP routes live when the host app has changed google-tag-manager.routes.prefix.
Compiles to a call into RouteScript::render(), which builds the script block server-side.
Include it in your Blade layout before your JS bundle:
<head>
@gtmRoutes
@vite(['resources/js/app.tsx'])
</head>
Only necessary for React and Vue apps that use the container overview or tag list components. Blade / Livewire apps do not need it.