dsSearchAgent Mobile: Demoing It From Your Site

Once you've integrated the script redirect code into your site, half the battle is already over. Now you'll likely want a way to show it off from your regular, non-mobile site so your visitors know they can access it when they're out and about. This is where the demo functionality helps out as it allows you to embed dsSearchAgent Mobile as an iframe into your site to show that it's accessible via mobile devices. Take a look at the demo to the right.

<iframe
  src="http://app.dsmobileidx.com/demo/YOUR_ACCOUNT_ID/MLS_ID/"
  style="width: 420px; height: 820px; border-style: none;"></iframe>

You'll want to replace YOUR_ACCOUNT_ID with your account ID and MLS_ID with your MLS ID. You can get those values by either a) looking at the URL you were given for your dsSearchAgent Mobile page (first number is account ID, second is MLS ID) or b) emailing us at support@diversesolutions.com and asking for that information.

In order for the demo to work for your visitors who use Internet Explorer, you'll need to add another line of HTML to your page (preferably within the head tag). You may want to consider adding this to your theme if you're using WordPress.

<meta http-equiv="X-UA-Compatible" content="chrome=1">

That's it! They'll need to install something for it to actually work at that point, but we handle that on our end.

When users using tablets such as iPads visit your demo page, they'll see the demo framed into your site. While that's useful to let them know that they can use your site on their compatible phone as well, they may want to actually use the search on their device rather than just see the demo. In that case, we recommend providing a link to the full, non-demo version above the framed demo. Our recommendation would be for the link to look something like this:

<p>
  On an iPad or other tablet?
  <a href="http://app.dsmobileidx.com/YOUR_ACCOUNT_ID/MLS_ID/">
    Open full-size, non-demo search.</a>
</p>