Embedding ZoomProspector & Intelligence Components Properly

This article will help you properly embed ZoomProspector and Intelligence Components. If you have questions, contact GIS Planning at 415-294-4774 or support@gisplanning.com. Also, consider how you'll integrate these tools in your site's navigation with this article

Embedding ZoomProspector Properly

Your ZoomProspector looks best on a page with minimal navigation at the top and no footer or sidebar elements. ZoomProspector is designed to take the full page width and not be confined to a container with a defined height. The more room the better!

Ideal Implementation: Embed at Full Width & Height

Here is an example of a great implementation that is full width and the height isn't limited:
http://www.choosemason.com/site-selectors/available-properties

Screen_Shot_2021-08-18_at_11.34.04_PM.png

To embed your ZoomProspector, use your unique token and place this script in the content area of the page:
<script type="text/javascript" src="https://resources.zoomprospector.com/common/scripts/zpe.properties.iframe.js?width=100%&height=100%&sst=YOURUNIQUETOKEN"></script>

Alternative Embed: Less Than Full Width

If you can't embed at full width, go as wide as you can and check to make sure it's functions similar to the stand-along version (see below). We recommend having at least 1200px in width and pushing the height as close to 100% as possible. Use the same script above in the content area on the page you want to embed it on. 

VERY IMPORTANT! Check to make sure the the Business (the on/off toggle is visible) and Talent (all degrees show in the table) reports show the full data options. Compare these two images with your embed; the area highlighted in the purple box must be visible in your embed: 

BizCheck.png TalentCheck.png

Third Option: Direct Linking to the Stand-Alone ZoomProspector

Alternatively, you can link directly to it, as you are now or embed it. Also, there is info about using your Intelligence Components, too.

To link directly, use this URL format with your unique token:
https://properties.zoomprospector.com/YOURUNIQUETOKEN

Intelligence Components

Your ZoomProspector comes with a complete suite of Intelligence components for your website. These are handy data widgets that can go on any page. Additionally, business clusters Intelligence Component can be customized to highlight specific sectors.

The six Intelligence Components and how to embed them.

The six Intelligence Components are: 
- Community Profiles (elegant and modern infographics for all your communities). Example here. 
- Demographics (let you demographic, labor force and talent data speak for itself). Example here. 
- Mapping (show standard and customer map layers). Example here. 
- Businesses (display and build industry clusters). Example here. 
- Talent Pool (show your recent graduates and areas of study). Example here. 
- Compare (compare communities within and outside your area). Example here. 

Spread them across your site and in your site's navigation

These can go on any page and there is not limit the number of times you can use them. Use them frequently across pages and consider creating a 'Data Center' section in your navigation that has pages for all six of these. Integrate these tools in your site's navigation, too! 

Getting Embed Codes

You can view, customize and get the scripts for your website from inside your ZoomProspector admin. Just go to admin.zoomprospector.com then Tools/Intelligence Components. You’ll set them up and get the script that goes in the content area on your page. 

Customizing your Intelligence Components 

Customize Intelligence Components by community, business cluster, or specific map layer! These Help Center articles will show you how simple it is to customize your Intelligence Components.  

Creating and Embedding Custom Community Profiles
Display a graphical overview of any community in your territory--easy to setup and can be fully customized. Create custom community profiles and embed them on any webpage on your website. Example here.

Creating and Embedding Custom Business Clusters
Include your own industry clusters and embed them on any webpage on your website. Example here.

Embedding your GIS, ESRI, or other map layers on your website with the Mapping Intelligence Component
Add custom map data to your website via your ESRI ArcGIS shapefiles, KMLs, or make a direct connection to your ESRI data via an ArcGIS Server connection. Example here.

 

 

 

Was this article helpful?
0 out of 0 found this helpful

Articles in this section