Integrate Wingify With Tealium Using the Tealium IQ Tag Manager
| This article covers the following: * Overview * Add the Wingify Tag * Configure the Tag * Add Tealium Code |
#Overview
Integrating Tealium’s real-time marketing solution with Wingify’s optimization platform enables you to create a unified agile marketing experience for your business. The end-to-end process of integrating Tealium with Wingify is a three-step process.
#Add the Wingify Tag
The first step in integrating Wingify with Tealium is to add the Wingify tag in Tealium.
Procedure
Log in to your Tealium account.
From the Tealium dashboard, go to the Tags tab.
To add a tag, click +Add Tag present on the bottom right of the page.
Screenshot_2019-08-27_at_11.45.27_AM.png In the Tag Marketplace UI, search Visual Website Optimizer (Async) from the available tags and add it using the +Add option.
Screenshot_2019-08-27_at_11.46.11_AM.png
#Configure the Tag
Once you have added the Wingify tag in Tealium, the next step is configuring the tag settings.
Procedure
Go to Tags Settings > Tag Configuration.
Enter your Wingify account ID in the Account field under the Vendor Configuration section.
Screenshot_2019-08-27_at_11.46.57_AM.png Scroll down to the Advanced Settings section and set Wait Flag to No.
Screenshot_2019-08-27_at_11.47.30_AM.png Likewise, set the Synchronous Load to Yes.
A warning prompt appears.Screenshot_2019-08-27_at_11.48.21_AM.png To proceed with the integration, click Continue.
Once you are done configuring the tag, click Save/Publish to finalize the changes.
Screenshot_2019-08-27_at_11.48.54_AM.png
#Add Tealium Code
The last step in Wingify-Tealium integration is adding the Tealium code to your webpages.
Procedure
To retrieve the Tealium synchronous code, click on your account dropdown present on the top right of the page and choose the option Code Center.
Screenshot_2019-08-27_at_11.49.27_AM.png On the Code Center page, select the environment as Prod.
Select the Javascript Type as Synchronous.
Note: If you are already using the asynchronous code in Tealium, please make sure to change it to synchronous code.
Copy the Tealium code present in the Tealium Script tab under the Code Snippet section and add it to your web pages. Your Wingify account is now integrated with Tealium.
#Need more help?
For further assistance or more information, contact Wingify Support.