Show feedback widget with Google Tag Manager (GTM)
In this article, we are going to dive deeply into using Google Tag Manager to integrate Feedier’s feedback widget in any website or application.
Advantages of using Google Tag Manager (GTM):
- No developer time needed
- Pro-active Feedback using triggered events
- Attach user contextual attributes easily
Make sure to read the Feedier web widget integration guide first here. GTM makes the integration a 5-min process. Let’s get started.
Step 1: Create a new tag in Google Tag Manager
Add a new Tag directly from Google Tag Manager:
Then, add an explicit Tag name like “Feedback Widget Feedier” and click the Tag Configuration icon:
Step 2: Configure the tag and widget
Select “Custom HTML” in the Tag Type. In the editor, simply paste the widget code available in the Form’s share page.
Don’t know where to find the widget code? Checkout this article.
The widget code can be customized using available options to choose text, location, behavior, position… Checkout this article
Where it gets really good is that GTM let you add contextual information (variables from the user) in the Custom HTML and therefore using the Feedier widget’s data-context-attributes option (more detail here FAQ section: “How to attach user data to the feedback (email, ID, role…)?”). Here is a sample:
In this example, any new Feedback will also contain the page_source, role, signup_date and plan of the user. Bringing valuable context that can be used to segment data and build powerful user stories. Google Tag Manager will automatically replace the variables defined using their data layer. More information about data layer on their official documentation here.
Step 3: Trigger the widget
To show the right widget with the right form to the right user we need the right triggers. Lucky us, GTM makes it easy. Common workflows could be:
- Ask Feedback after signup
- Ask Feedback 5th visit
- Ask Feedback before leaving app
- Ask Feedback after achieving a product goal (ordering, booking, creating, updating…)
- Ask Feedback for new ideas on specific demographics
How to do it? In the Tag Settings, click “Triggering“. Then click the + icon to configure the trigger to show the widget code:
Here is an example:
This is a very simple example but GTM supports more advanced use cases using custom events.
Any question, contact our team on the support.