export const sendOwlWebhookImg = '/docs/images/integrations/sendowl-webhook.webp'
export const headerBackground = '/docs/images/headers/header_background.webp'
export const bentoLogoImg = '/docs/images/logos/bento-text-logo.svg'
export const LogoImg = '/docs/images/logos/google_tag_manager.svg'


# Bento Google Tag Manager Integration

<p />


## Overview

The Bento Google Tag Manager Integration offers one core functionality:
- **Event Tracking**: Automatically track key browser events for your subscribers


## Requirements

1. An approved Bento account
2. A [Google Tag Manager](https://tagmanager.google.com) account
3. The Bento tracking script - for user tracking on the website

## Tracking Script Installation


  
**1. In Google Tag Manager**

  Select your container (website / project).

  
**2. Create a New Tag**

  In the left hand side menu you should see `Tags`. Click it, then click `New`.

  
**3. Configure the Tag**

  Click `Tag Configuration` and select `Custom HTML`.

  
**4. Copy the Tracking Script**

  Copy the Tracking Script. If it asks you to replace the `site_uuid` with your site uuid, do so from the Bento Teams screen.

  
**5. Paste the Tracking Script**

  Paste the Bento Tracking script into the Custom HTML text field. Double check that it looks the same as what you copied from Bento. 

  
**6. Set the Triggering**

  click on `triggering` and choose an appropriate triggering method, `all pages` if you want it on every page.

  
**7. Save the Header**

  Click `Save` and `Submit`.

  
**8. Name And Publish**

  Add a name / description and click `Publish`. You're done.


<hr />

## How the connection works
When a user browses a site, you will see `$page` data appear in Bento. This interaction allows you to track and start
automations and flows based on those events and more.