Setup Session Replay
Instrumenting your application with Relicx is a very straightforward process. In the following sections , we will describe how you can instrument your site directly, your WordPress site, in a site hosted in Webflow, or via the Google Tag Manager.
As mentioned in the Getting Started with Relicx the script tag must be added to all your files and it is recommended that the script tag is added to a file that is referenced from all your other files. Each application has an associated script tag and it can be found in the settings menu under the specific application entry. For direct HTML instrumentation select the script in the Add this script to your HTML option
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/_TWqL9HPSUgyV23MBUw7U_screen-shot-2022-01-16-at-34337-pm.png?format=webp)
Google Tag Manager is a tag management system (TMS) that allows you to quickly and easily update measurement codes and related code fragments collectively known as tags on your website or mobile app. It is widely popular and provides the flexibility to enable or disable any instrumentation with a click of a button.
- Navigate to the Tags page via the Tags option the sidebar
- On the tags page, click on New to create a new tag
![New Tag New Tag](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/a7C72LLocV0iL57uRiU8y_screen-shot-2022-01-16-at-22227-pm.png?format=webp)
4. Give this tag a name and click on the edit icon on the top right of the tag configuration window
![Add a new tag Add a new tag](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/flPnMdcYOFbOejxjIfjLc_screen-shot-2022-01-16-at-30927-pm.png?format=webp)
5. Select Custom HTML for the tab Type
![Tag Type Tag Type](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/qyJbKU6mspORCiTqXEyWB_screen-shot-2022-01-16-at-22309-pm.png?format=webp)
6. Once this is done, paste the Google Tag manage compatible Relicx Script tag.
![Enter Tag Text Enter Tag Text](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/ULpRtnJcbZ_PYgk0i3rxO_screen-shot-2022-01-16-at-22429-pm.png?format=webp)
7. Now proceed to adding a triggering event. Select All pages to make sure the trigger is enabled for every pages where GTM is enabled.
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/FvGlvP7YaDCZ-7LL6Aqds_screen-shot-2022-01-16-at-22448-pm.png?format=webp)
Please note, Relicx will be instrumented on pages where GTM is enabled.
WordPress is the world's most popular content management system powering 34% of all websites on the internet.
- Login to your admin console. This is done via your <website url>/admin. Select the appearance icon ( paintbrush) from the side panel and then click on Header.
![Click on Header Click on Header](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/6QkvT8i-uZN-ksbwaHSv__screen-shot-2022-01-16-at-13526-pm.png?format=webp)
2. In the next screen, click on Theme Settings
![Click on Theme Settings Click on Theme Settings](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/sYlEeoqWDxdguYAR3N_R-_screen-shot-2022-01-16-at-11448-pm.png?format=webp)
3. In the next screen, click on the Header/Footer scripts link
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/ooPcGNmsbLsjnRjZo6k0U_screen-shot-2022-01-16-at-11500-pm.png?format=webp)
4. In the next screen, you will be able to enter the Relicx tag in Header Script Text box.
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/Uh8pxBgSJOYeh3AzyarEF_screen-shot-2022-01-16-at-11517-pm.png?format=webp)
Instrumenting your website in Webflow is very straightforward. It starts with logging into your Webflow account.
- Select Settings on your Website project
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/obFuUiONnL7OV_1UBEBcm_screen-shot-2022-01-16-at-14836-pm.png?format=webp)
2. In the following screen, select Custom Code
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/hQbo5B51TKVXIgECK6utQ_screen-shot-2022-01-16-at-14851-pm.png?format=webp)
3. Add the Relicx script code in the Head Code text box and save your changes
![Document image Document image](https://images.archbee.com/TK24Pi0IzdXKBLm-pUBmm/LAXxuE3M7hO6bATYfH1Tu_screen-shot-2022-01-16-at-14901-pm.png?format=webp)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/tiger.png)