Site Intercept - Previewing Intercepts | Qualtrics

Previewing Intercepts

Introduction

No need to cross your fingers and hope your Intercept works the way you want. With built-in previewing options, you can test your Intercept before launching it. In this tutorial you will learn everything you need to preview an Intercept.

Previewing Intercepts

Site Intercept provides a Bookmarklet for each Intercept you create, which allows you to run the Intercept on your own website as if it were live by simply navigating to your web page and clicking on the bookmarklet. A bookmarklet is simply a bookmark that runs JavaScript on a web page you already have open.

Finding the Bookmarklet:

  1. When viewing your Intercept, click on Get Intercept Code.image03
  2. Choose which Intercept Version you’d like to test (Editing or Publishing). We recommend that you test using the Editing version.
    image19
    Note: Though the Published Version can also be previewed, we recommend using the Editing Version for testing as it allows you to preview changes without having to publish them.
  3. Scroll to the bottom of the page, where you’ll see the bookmark in dark grey.
    image07
  4. Save this as a bookmarklet. If your browser has a bookmarks toolbar, you can do this by simply dragging the bookmarklet onto the toolbar. For more detailed instructions, refer to the sections on Saving the Bookmarklet below.
  5. In a new window or tab, open the webpage on which you would like to test your Intercept.
  6. Click on the bookmark, titled “Editing: …”, which will run the code for that Intercept on your webpage.

Saving the Bookmarklet in a Desktop Browser

 

If your web browser has a bookmarks toolbar, saving the bookmarklet needed to preview your Intercept is as simple as dragging it onto that toolbar. If you don’t have a bookmarks toolbar, the following steps will describe how to save this bookmarklet in various browsers.

Internet Explorer

  1. Right-click on the bookmarklet link and select Add to favorites.image26
  2. Confirm you would like to save the bookmarklet by clicking Add.image16
  3. Visit the web page you would like to preview your Intercept on.
  4. Click the Star icon on the top right of Internet Explorer, and select your bookmarklet.image27

 

Firefox

  1. From the View menu, select Toolbars and then Bookmarks Toolbar.image10
  2. Drag the Intercept Bookmarklet onto the Bookmarks Toolbar.image12
  3. Visit the web page you would like to preview your Intercept on and click on the bookmarklet in your Bookmarks Toolbar.image14
  4. Your bookmarklet will run your Intercept and display the Creative if you pass all of the logic. The bookmarklet will also display a Debug window, seen below.
    image21
    Note: When testing with the bookmarklet, you will also see the Debug Window, which reports what display logic passed or failed, which action set displayed, etc. The debug window is not displayed when the real code is ultimately implemented on your website.

Chrome

  1. From the Options menu, select Bookmarks and then Show Bookmarks Bar.image17
  2. Drag the Intercept Bookmarklet onto the bookmarks toolbar.image00
  3. Visit the web page you would like to preview your Intercept on and click on the bookmarklet in your Bookmarks Bar.image06
  4. Your bookmarklet will run your Intercept and display the Creative if you pass all of the logic. The bookmarklet will also display a Debug window, seen below.
    image25
    Note: When testing with the bookmarklet, you will also see the Debug Window, which reports what display logic passed or failed, which action set displayed, etc. The debug window is not displayed when the real code is ultimately implemented on your website.

 

Safari

  1. From the View menu, select Show Favorites Bar.image01
  2. Drag the Intercept Bookmarklet into the Favorites Bar.image11
  3. Visit the web page you would like to preview your Intercept on and click on the bookmarklet in your Favorites Bar.image22
  4. Your bookmarklet will run your Intercept and display the Creative if you pass all of the logic. The bookmarklet will also display a Debug window, seen below.
    image02
    Note: When testing with the bookmarklet, you will also see the Debug Window, which reports what display logic passed or failed, which action set displayed, etc. The debug window is not displayed when the real code is ultimately implemented on your website.

Saving the Bookmarklet in a Mobile Browser

Saving the bookmarklet to a mobile browser is certainly possible, but it can be a bit tricky since your Site Intercept account can only be accessed on a desktop.

  1. When viewing your Intercept, click on Get Intercept Code.image03
  2. Choose which Intercept Version you’d like to test (Editing or Publishing). We recommend that you test using the Editing version.
    image19
    Note: The Published Version can also be previewed, but we recommend using the Editing Version for testing since it allows you to preview changes without having to publish them.
  3. Right-click on the Intercept Bookmarklet link and select Copy Link. This will copy the JavaScript code that makes up the bookmarklet.image13
  4. On your desktop, paste the bookmarklet link address (JavaScript code) into a new email message and send it to an account that is active on the mobile device.image05
  5. On your mobile device, open the email and copy the code.image23
  6. Open the browser on your mobile device and bookmark your website (or any website).image04
  7. For now, you should leave the name and URL as is and click Save to create a bookmark in the Favorites folder.image09
  8. Now, click Edit.image28
  9. Select the bookmark you just created.image20
  10. Erase the URL and paste in the Intercept code that you’ve copied from the email.image15
  11. Change the name to the name of the Intercept you’re testing and click Done.image18
  12. Click Done once more.image24

To test, you’ll click on the bookmarklet, which will run the code on your webpage and display your Creative.image08