Google Tag Manager Installation

Installing VersaTailor through Google Tag Manager (GTM) allows you to manage your tracking script alongside other marketing tools. This method is ideal for websites that already use GTM for analytics and marketing tags.

Step 1: Get Your Tracking Script

1. Log in to your VersaTailor dashboard
2. Click on the website dropdown in the top navigation
3. Select "Site Settings" from the dropdown menu
4. In the General tab, copy your unique tracking script

Your tracking script will look like this:

<script
  defer
  src="https://versatailor.com/script.js"
  data-website-id="your-website-id-here"
  data-domain="yourdomain.com"
></script>

Step 2: Create a Custom HTML Tag in GTM

1. Open your Google Tag Manager container
2. Click on "Tags" in the left sidebar
3. Click the "New" button to create a new tag
4. Click on "Tag Configuration" and select "Custom HTML"
5. Paste your VersaTailor tracking script into the HTML field
6. Name your tag (e.g., "VersaTailor Tracking Script")

Step 3: Configure the Trigger

1. Click on "Triggering" in the tag configuration
2. Select "All Pages" trigger (or create a custom trigger if needed)
3. This ensures the VersaTailor script loads on every page

Step 4: Test and Publish

1. Click "Save" to save your tag
2. Use GTM's "Preview" mode to test the tag on your website
3. Verify that the VersaTailor script is firing correctly
4. Once tested, click "Submit" to publish your changes
5. Add a version name and description, then click "Publish"

Advanced: Custom Event Tracking

Once your base tracking is set up, you can create additional GTM tags for custom events like purchases or conversions:

// Example: Track payment events through GTM
window?.versatailor("payment", {
  email: "customer@example.com",
  amnt: 2999, // $29.99 in cents
});