This article will help you properly embed ZoomProspector and Intelligence Components. If you have questions, contact GIS Planning at 415-294-4774 or firstname.lastname@example.org. Also, follow our implementation checklist to ensure you're getting the most out of your ZoomProspector and Intelligence Components.
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. It needs a minimum container width of 1450 pixels. 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:
To embed your ZoomProspector, get the code in your Admin under Tools/Embed Your ZPE
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 1450px 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:
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:
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.
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.