README

Google Tag Manager container management and UI components for the ArtisanPack UI ecosystem. Ships the client-side container snippet installer, a server-side Tag Manager API client, and Blade / Livewire / React / Vue components for surfacing container and tag data inside your admin UI.

Sits on top of the shared artisanpack-ui/google base package for OAuth2 authentication, encrypted token storage, and scope management.

Installation

composer require artisanpack-ui/google-tag-manager

The service provider and GoogleTagManager facade are auto-discovered. The base artisanpack-ui/google package is pulled in automatically.

Quick start

Client-side container snippet — set your container ID and drop the directive in your layout:

GTM_CONTAINER_ID=GTM-XXXXXXX

<!DOCTYPE html>
<html>
<head>
    @gtmSnippetHead
</head>
<body>
    @gtmSnippetBody
    {{-- ... --}}
</body>
</html>

Admin components — after configuring the base artisanpack-ui/google package and connecting a user:

<livewire:google-tag-manager::container-overview
    account-id="123456"
    container-id="654321" />

<livewire:google-tag-manager::tag-list
    account-id="123456"
    container-id="654321"
    workspace-id="1" />

React and Vue equivalents ship in resources/js/.

Documentation

Full documentation lives in the docs/ directory:

Contributing

Please read through the contributing guidelines to learn more about how you can contribute to this project.

License

ArtisanPack UI Google Tag Manager is open-source software licensed under the MIT license.

artisanpack-ui / google-tag-manager

Maintainers

Package info

Statistics

Security