Get the Latest Mouseflow News, Tips & Tricks

Integrating Mouseflow with Unbounce

by Mouseflow in Tips & Tricks on November 29, 2012

Many of our customers track visitor behavior on their website, but what about external platforms? With Mouseflow, it’s easy to setup tracking for other tools (e.g. third party landing pages), too! Let’s take a look…

Unbounce is one of the more popular tools for landing pages — and for good reason. It enables developers to easily test and experiment with landing page design and content variations.

To enable Mouseflow’s tracking code in your Unbounce pages, follow these steps:

  1. Choose a custom sub-domain for your Unbounce pages (e.g. unbounce.mydomain.com).
  2. Create the necessary CNAME record(s) following these instructions.
  3. Login to your Unbounce account. From the Domains tab (left), click Add a Domain, and follow the on-screen prompts. Note: You may need to allow 24-48 hours for the changes in the previous step to take effect.
  4. Login to your Mouseflow account. From the Websites tab (top), click Edit next to the appropriate website. Then, click the Edit Details button (left). Add the newly created sub-domain in the text box labeled Domain. You can enter multiple domains — one per line. Make sure you leave your initial domain/website in place. When you’re finished, click Save.
  5. In Unbounce, create a new page. From the Pages tab (left), select the appropriate page. Then, click the Change URL button (top) and follow the on-screen prompts to activate your custom sub-domain.
  6. Click Edit to modify the page, click JS Scripts (top), click the Add button (top), change the name to Mouseflow, change the placement to Before Body End Tag, and paste your Mouseflow tracking script in the box below. When you’re finished, click Done. Click Save (left) to update the page.
  7. You should repeat steps 5-7 for other pages/variants, as needed.
  8. From the Pages tab (left), select the page and click Publish Page (top). Your page should be published after a few minutes.
  9. Browse to your Unbounce page, select View Source (usually under the View tab in your browser), and look for the Mouseflow tracking code. If everything was successful, you should see it just before the </body> tag. Note: You may need to clear your browser’s cache/cookies to view the changes.

We hope this example helps you extend Mouseflow by integrating it across another platform.

If you have any questions or need help, feel free to reach out to us on our Support page.

Read more posts tagged with ,