Embed landing pages

Intended to be used as a dedicated page from marketing ads online or as a resource, some customers embed our landing pages and microsites into their website to create a customized experience for their site visitors.

With this approach, you can setup a page within your existing Site and CMS and then use the embed code to display your DevHub landing page or microsite.

Installation steps

  1. Generate your embed javascript code - See notes below

  2. Create a blank page on your existing site

  3. Add the embed javascript code to the content area of your blank page

Example embedded javascript code

<div data-url="LANDING_PAGE_URL" data-title="LANDING_PAGE_TITLE" id="sb-site-embed"></div>
<script type="text/javascript">
(function() {
  var _cachebuster = Math.round(new Date().getTime() /2000);
  var _sb = document.createElement('script'); _sb.type = 'text/javascript';
  _sb.src = 'LANDING_PAGE_HOSTNAME/stat/js/site-embed.js?' + _cachebuster;
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(_sb, s);

Required configuration of the above code

  • LANDING_PAGE_URL - this is the full published URL of your landing page or microsite

    • Example: https://yourcampaign.yourdomain.com/landing-page/

  • LANDING_PAGE_TITLE - this is the title of your landing page or microsite

    • Example: Landing Page

    • This is especially important for ADA accessibility

  • LANDING_PAGE_HOSTNAME - this is just the hosted domain part of your landing page URL (if different)

    • Example: https://yourcampaign.yourdomain.com

Last updated