BASIC SETUP
Online Buyer Survey Code
Bizrate Insights’ Online Buyer Survey Solution generates actionable Insights to improve your website’s performance by understanding the voice of your customer and their online experience.
To begin collecting the Voice of the Customer through Bizrate’s Online Buyer Survey Solutions, merchants must place Bizrate’s asynchronous JavaScript code on their order confirmation page. This will immediately allow you to collect feedback from customers who complete their purchase on your website
Once a survey is live on your website, data collection begins and results are available in real-time by accessing Bizrate’s online portal, VitalSigns.
Important Note | Bizrate Insights is committed to protecting customer privacy and will not store, rent, sell, or use customer email addresses provided to us by merchants for any purpose other than to send initial and reminder email survey invitations. These customer email addresses are deleted from the database once the survey invitations are emailed.
Control to Customize
We are constantly testing the latest tech to fully optimize the experience and shape the usability of our default invitation for all screen sizes. This ensures your customer’s experience with Bizrate Insights’ solutions is optimized across all desktop, tablet, and mobile screens. There are several ways to customize the Online Buyer Survey invitations without ever changing the code on your website. We make this simple by granting you access to a tool within VitalSigns to control the survey invitation experience for desktop, tablet, and mobile screens. While this interface is under development, please contact us, or your account manager, to update on your behalf.
Online Buyer customizations include:
- Position of the invitation on your webpage – defaults centered in the browser window
- Invitation look & design – default displays 500 x 455 pop-up window
ONLINE BUYER SURVEY SOLUTION
Basic Google Tag Manager Implementation
1. Add A New Tag
2. Tag Configuration
Choose a tag type to begin setup…
3. Choose Tag Type
Select Custom HTML
4. Enter the Following Snippet in the HTML Section
Select Custom HTML
Please note that the ##ORDER_ID##, ##EMAIL_ADDRESS##, and ##GTIN## placeholders below must be replaced with the data being called from your site.
5. Add your Google Tag Manager Variables
Add your Google Tag Manager variables in the snippet by wrapping the variable’s name in double braces. Below is an example of variables, unique to a merchant’s implementation.
Read more about adding Tag Manager variables in the custom html tag.
Read more about Google Tag Manager variables.
6. Choose a Trigger
Required
Click to configure a trigger type to begin setup. The tag should fire on the order confirmation page.
Read more about Google Tag Manager triggers here.
7. Publish the Tag
8. Verification
- Admin and under Container, click Install Google Tag Manager
- Follow the instructions by visiting the Quick Start Guide
9. Confirm Installation
After the tag has been successfully installed, make sure the tag configurations function as expected Learn more here to enable preview mode.
BASIC SETUP
Site Abandonment Survey Code
Bizrate Insights Site Abandonment Survey Solutions generate actionable Insights to improve your website’s performance by understanding your customer’s experience. Retailers are required to place Bizrate’s JavaScript code on their website to utilize Bizrate’s Site Abandonment Survey Solution.
We partner with Google Tag Manager, which allows easy implementation of the Bizrate Insights Site Abandonment Surveycode. Data collection begins immediately once the survey is live on your website; results can be viewed via the VitalSigns portal in near real-time (streaming soon).
Container Configuration
1. Create a web container for your website
* If you already have an account, skip to step 4
2. Read and accept Google Tag Manager Terms of Service Agreement
3. Navigate to the “WORKSPACE” tab and click on “ADD A NEW TAG”
4. Tag Configuration
Click on the tag icon to create a new tag
5. Choose Tag Type
Locate and click on Bizrate Insights Site Abandonment Solution. (Tip: Click on the search icon to the right of “Choose a tag type” and type in “bizrate”
6. Tag Configuration
Enter your MID Required
* Note: Ticket in wit h Google to update Connexity Merchant Id to Bizrate Merchant Id
- Display Invite: Checked by default
- Other fields: Hard-code a value or select the button to the right of the text field to choose one of the User-Defined Variables you create (see the “Creating variables” section below for information on creating your own variables)
Note: If using a User-Defined Variable, a corresponding Javascript must be included on your webpages in order to pass values to User-Defined Variables
7. Page Type
Select where you want to implement the Bizrate Site Abandonment Solution
- Product Detail (product detail pages viewed before abandoning; requires variables)
Ex: Product detail page with title, images, description, etc- Required: Product Id
- Required: Current Selling Price
- Required: Product Title
- Required: Image URL
- Cart (products added to the cart by visitors before abandoning; DOESN’T require variables) Ex: Shopping cart page
- Required: None
* Your website will lose actionable insights if data passing is ignored. We suggest passing all variables to take advant age of actionable insights
- Required: None
- Checkout (products almost purchased by visitors before abandoning; DOESN’T require variables) Ex: Checkout page with payment options
- Required: None
* Your website will lose actionable insights if data passing is ignored. We suggest passing all variables to take
advant age of act ionable insights.
- Required: None
- Other (home page, category page, about us page, etc)
- To implement tags on other page types, select “Cart” and leave “Cart Products” and “Cart Total” fields empty
8. Triggering
Tags must have at least one trigger in order to fire. The most commonly used trigger is Page View.
- Triggers can be configured by selecting the trigger icon
- Click the “+” in the upper-right corner to create a new trigger
- Select “Page View” from the “Choose trigger type” module
Tags can trigger on all page views or some page views
- If “Some Page Views” is selected, you have the option to specify which page views you want the tag to trigger on, using the User-Defined Variables you created
See “Creating custom triggers” section below for detailed information on how to create and use triggers
- After configuring triggers, click “Save”
- Click “Publish” in the top right corner of the dashboard. The Bizrate Site Abandonment Survey Solution tag is now configured and ready to use.
Note: Remember to publish the tag, after each change, for changes to go into effect.
Creating Variables
1. Navigate to the “Workspace” tab
2. Select “Variables” from the left sidebar
3. Select “NEW” under “User-Defined Variables”
The module allows you to create and configure variables that you can pass into your tag. Google Tag Manager provides a number of different variable types; the most commonly used ones are the JavaScript Variable and the Data Layer Variable.
4. Click anywhere in the “Variable Configuration” box to begin configuring your variable
- a. JavaScript Variable
- Select “JavaScript Variable” from the “Choose variable type” module
- Type in your JavaScript variable
- Click “Save” and name the variable
- The variable you created will now be visible in the “User-Defined Variables” module
- b. Data Layer Variable
- Select “Data Layer Variable” from the “Choose variable type” module
- Type in your Data Layer Variable
- Click “Save” and name the variable
- The variable you created will now be visible in the “User-Defined Variables” module
Variables are now available for your Bizrate Insights Site Abandonment Survey Solution tag configuration
If you choose to pass values to the tag using User-Defined Variables, set these variables on your webpage
JavaScript variable example:
To use this variable, set the “cartTotal” variable in the JavaScript on your page:
Data Layer variable example:
To use this variable, set the “orderIdData” variable in the data layer on your page:
Creating Custom Triggers
1. Select Choose a trigger to make this tag fire
2. In the “Choose a trigger” module, choose from a list of previously created triggers or click the “+” sign in the top right corner to create a custom trigger
3. Click the “+” sign to activate the Trigger Configuration module. Click anywhere in the module to begin
Example – set up a trigger that will only fire on a page with a specific pageType
- Set up a new variable called “pageType” (see the “Creating variables” section for information on creating your own variables)
- Set up a trigger named “homePage” using the “pageType” variable as a page view filter
- From the Trigger Configuration module, choose “Page View” as the trigger type
- Configure the trigger to fire on “Some Page Views”
- Set up the condition under which the trigger will fire
- Select the “pageType” variable from the first drop-down list
- Select “equals” from the second drop-down list
- Enter “home” in the third text box
- Click “Save” and name the trigger “homePage”
4. Configure your Bizrate Insights Site Abandonment Survey Solution tag to use the “homePage” trigger you’ve created
5. Add Javascript on your webpage to set pageType = ‘home’
Setting up the Google Tag Manager code on your pages
1. Navigate to the “ADMIN” tab
2. Select your account, then select “Install Google Tag Manager” under the “Container” column
3. The next page includes Google Tag Manager’s code snippets, specific to your account. You will need to paste the code snippets on every page of your site.
Example below:
Copy the following JavaScript and paste it as close to the openingtag as possible on every page of your website, replacing GTM-XXXX with your container ID:
Basic Code Implementation <head>
Copy the following snippet and paste it immediately after the opening <body> tag on every page of your website, replacing GTM-XXXX with your container ID
Basic Code Implementation <body>
See also: https://developers.google.com/tag-manager/quickstart
Examples
JavaScript variable example
User-defined variables list:
Bizrate Insights Site Abandonment Survey Solution configuration
JavaScript code on webpage
Data layer variable example
User-defined variable list
Bizrate Insights Site Abandonment Survey Solution configuration
Data layer code on webpage