> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mention-me.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Google Tag Manager (GTM) Integration
> How to configure your data layer, create data variables, and implement Mention Me tags using Google Tag Manager.
Setting up Mention Me through Google Tag Manager (GTM) is a flexible way to launch your referral programme with minimal development effort. This guide covers configuring your data layer, creating data variables, and implementing the core tags: Referrer, Referee, Landing Page, and Dashboard.
## Your Datalayer
Include first name, surname, email address, order total, order currency and, if running referral in multiple languages, locale.
Enter the name of each variable added for the JavaScript code. These must match your JavaScript. Repeat for first name, surname, email, locale, order total and order currency.
For more information about the data layer, see: [GTM Data Layer Dev Guide](https://developers.google.com/tag-manager/devguide)
## Data Variables
Create a variable for each parameter (`name`, `surname`, `email`, `order_number`, `order_subtotal`, `order_currency`, `locale`, `coupon_code`).
In GTM, go to *Variables* and click *NEW* under *User-Defined Variables*.
Click *Choose a variable type...* and choose *Data Layer Variable*. Add a variable name.
Save the variable. Repeat for each parameter.
## Tag Implementation
The basic integration consists of 3 tags: referrer, referee and landing page.
In GTM, go to *Tags* and click *NEW*.
Click *Choose a tag type...* and choose *Custom HTML*. Name the tag.
Add the tag code (see below) and select triggering, then save.
### Referrer tag
Replace each variable in curly brackets with your data layer variable name:
```html theme={null}
```
**Trigger:**
* Scroll to *Triggering* and click *Choose a trigger...*
* Click `+` to add a new trigger
* Choose *Custom Event* (e.g., on purchase), or *Page View – DOM Ready* (e.g., when URL contains "confirmation")
### Referee tag
```html theme={null}
```
**Trigger:**
* Add a new trigger: usually *Custom Event* (e.g. "Proceed to checkout"), *Page View – DOM Ready* (e.g. when URL contains "checkout"), or *History Change* (for SPAs).
Add this div next to your coupon code box:
```html theme={null}
```
### Landing page tag
```html theme={null}
```
**Trigger:**
* Add a new *Page View – DOM Ready* trigger (e.g., when URL contains "refer-a-friend")
Create the landing page and add:
```html theme={null}
```
### Dashboard (within account page) tag
Replace variables in curly brackets with your data layer variable names:
```html theme={null}
```
**Trigger:**
* Add a new *Page View – DOM Ready* trigger (e.g., when URL contains "dashboard")
Create a dashboard page within your Customer Account area, then add:
```html theme={null}
```
## Testing
Use preview mode to place an order on your live site and check you have set up the variables correctly. You can also give us access to the GTM Preview so we can test the tags.
### Publish
Once the demo tags have been tested, remove the `-demo` from the tag URLs and publish live.
Click *Submit* and choose *public*.
Add a name and description.
Publish the container.
For more information about publishing tags on GTM, please visit: [GTM Tag Publishing](https://support.google.com/tagmanager/answer/6107163?hl=en)