Web Intercept is a drop-in Javascript widget to display a popup widget as a call to action for a survey.
You can synchronously or asynchronously add the widget tag.
(function (w, d, s, o, f, js, fjs) {
w['Intercept'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'w1', './widget.js'));Initialize the popup using init with a configuration object:
w1('init', {
callToActionURL: 'https://surveys.dynata.com/token/something', //replace with an actual survey link
position: 'top-left'
});Here's what the default configuration looks like:
{
logo: "https://zeroheight-uploads.s3-accelerate.amazonaws.",
callToActionURL: "https://www.google.com",
position: "bottom-right",
footerText: "This study is for research purposes only and your reponses will remain confidential. At no time will you be asked to purchase anything, and no one will contact you as a result of your participation.",
callToActionHeader: "How was your experience?",
callToActionButtonText: "Take a Quick Survey",
deferText: "Take survey later",
hideOnLoad: false,
cookieName: "dyn-popup-seen",
cookieTTL: 3600 * 24 * 2,//2 days
allowHTML: false
}| Config Field | Description |
|---|---|
| logo | (string) URL for the logo to display |
| callToActionURL | (string) URL for the Destination |
| position | (string/enum) Possible values: bottom-right, top-right, top-left, bottom-left |
| footerText | (string) Text to display in the footer |
| callToActionHeader | (string) This is the primary heading before the button |
| callToActionButtonText | (string) Button Text for Survey call to action |
| deferText | (string) Text for link to hide the survey |
| hideOnLoad | (bool) Use this if you want to control when to show the popup |
| cookieName | (string) In case you want to customize the cookie name |
| cookieTTL | (number) How long to hide the popup for (seconds) |
| allowHTML | (boolean) If set to TRUE, the footer text can use HTML. Markup will be sanitized using DOMPurify to avoid cross-side scripting |
If you're using the hideOnLoad configuration, the popup will not immediately display on load. The popup component can be triggered by passing a 'show' message to the component.
Example using a button click event to display the popup:
<div><button onClick="javascript: w1('show');">Show</button></div><html>
<head>
<title>Demo</title>
</head>
<body>
<h1>Web Intercept Demo</h1>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Intercept'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'w1', './widget.js'));
w1('init', {
callToActionURL: 'https://www.google.com',
position: 'top-left'
});
</script>
</body>
</html>YOU ARE USING THIS APPLICATION AT YOUR OWN RISK. DYNATA MAKES NO WARRANTIES OR REPRESENTATIONS ABOUT THIS APPLICATION. THIS APPLICATION IS PROVIDED TO YOU “AS IS”. DYNATA HEREBY DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED WITH RESPECT TO THE APPLICATION, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS OF PURPOSE, NON-INFRINGEMENT AND ANY IMPLIED WARRANTIES ARISING OUT OF A COURSE OF PERFORMANCE, DEALING, OR TRADE USAGE. TO THE EXTENT DYNATA MAY NOT, AS A MATTER OF APPLICABLE LAW, DISCLAIM ANY WARRANTY, THE SCOPE AND DURATION OF SUCH WARRANTY SHALL BE LIMITED TO THE MINIMUM PERMITTED UNDER SUCH APPLICABLE LAW. YOU WILL INDEMNIFY, DEFEND AND HOLD HARMLESS DYNATA AND ITS AFFILIATES, EMPLOYEES, OFFICERS AND CONTRACTORS FROM ANY THIRD PARTY CLAIM ARISING FROM YOUR USE OF THIS APPLICATION.