# AB Tasty hosted tag implementation

The [Tag Implementation Page](https://app2.abtasty.com/settings/installation-code/tag) supports two hosting methods:

1. AB Tasty Hosted – Default&#x20;
2. AB Tasty Delegated&#x20;

{% hint style="info" %}
This article helps you implement a Tag hosted by AB Tasty. If you want to delegate the Tag, please read [Tag domain delegation implementation article](https://docs.abtasty.com/account/tag-integration/implement-ab-tasty-tag/how-to-implement-the-generic-tag/tag-domain-delegation-implementation).
{% endhint %}

{% hint style="info" %}
For a quicker tutorial read [Set-up the AB Tasty Tag in 5 minutes.](https://docs.abtasty.com/account/tag-integration/implement-ab-tasty-tag/set-up-the-ab-tasty-tag-in-5-minutes)

To know how to select a domain and check your implementation, please read the full procedure on[ How to implement Generic Tag](https://docs.abtasty.com/account/tag-integration/implement-ab-tasty-tag/how-to-implement-the-generic-tag).

To choose between the hosting methods, read: [Understand Tag Domain Delegation](https://docs.abtasty.com/account/tag-integration/understand-ab-tasty-tag-implementation-methods/tag-domain-delegation)
{% endhint %}

### Standard Implementation (recommended):

1. Make sure your domain is selected.
2. Make sure the current configuration block displays " **Implementation method**: Standard".&#x20;

   <div data-with-frame="true"><figure><img src="https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2FxgLdbnX2xKvINWg8NccD%2FScreenshot%202025-11-13%20at%2016.44.03.png?alt=media&#x26;token=2beca10b-6871-462f-be22-b3a885701fb3" alt=""><figcaption></figcaption></figure></div>
3. To copy the content of the synchronous tag code, click on the **Copy to clipboard** icon.&#x20;

   <div data-with-frame="true"><figure><img src="https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2FqR53Wf8cgBhqrIrhfPi2%2FScreenshot%202025-11-13%20at%2016.45.49.png?alt=media&#x26;token=3b612c36-92e6-45c0-b4c7-9146de265245" alt=""><figcaption></figcaption></figure></div>
4. Open your website code.
5. Paste the synchronous tag code between the `</head>` tags of your pages.
6. Go back to The [Tag Implementation Page](https://app2.abtasty.com/settings/installation-code/tag).
7. Click on **Check your tag implementation** to test your tag implementation.&#x20;

For further verification, refer to our [QA and validate the Generic Tag ](https://docs.abtasty.com/account/tag-integration/qa-and-validate-your-ab-tasty-tag)article.

{% hint style="info" %}
We recommend that you place the code in the \</head> section of your pages so changes are displayed more quickly. Otherwise, a flickering effect may occur: your visitors may see the original page for a fraction of a second before they see the modified page. By calling our tag as high as possible in the source code of your page, our script can apply the changes before the content is displayed.
{% endhint %}

### Custom Implementation

You can inject our tag using any Tag Management System (TMS). Ensure you follow best practices to prevent flickering:

* Choose **Synchronous Tag**&#x20;
* Paste it within the `<head>` section.

{% hint style="warning" %}
**Warning:**

* Google Tag Manager (GTM): GTM may not support these guidelines. Their documentation advises against using GTM for A/B Testing tags.
* Alternative Approaches: You may choose to place the AB Tasty tag in the \<body>, set it as async, or defer it manually. Be aware this might cause flickering. Understand your visitors’ browser resource-loading mechanisms to evaluate when the tag will execute and how it affects targeting and business rules.
  {% endhint %}

\ <br>
