Posted on by driverbase

Personalize Implementation

Introduction

Background

Driverbase has developed and trained a vehicle model recommendation engine and is now making this technology available as a plugin for car dealership websites.

Objectives

This new online experience helps drivers quickly find their optimal vehicle and provides dealers a new way to engage with their online consumers using a personalized approach instead of the traditional online car search experience which involves over 900+ online touchpoints.

Installation Instructions

How to Activate Driverbase Personalize [completed by dealership]

Login to your Driverbase Dealer Console account, click “Subscriptions” and add “Driverbase Personalize” to the locations you wish to activate.

Recommender Plugin Provisioned [completed by driverbase]

Once an inventory feed is established driverbase will provision the recommender plugin and share the live url with the dealership and web provider for implementation.

Branding [decided by the dealership]

Dealership decides how to brand the vehicle recommender page:

“What car should I buy?”, “Which car should i buy?”, “Find your perfect match”, “Find your match”, “Car Quiz” or similar.

Plugin Installation Instructions [completed by website provider]

  1. Create a new page on dealership website (page name provided by dealership)
  2. Paste the html snippet below on the new page you created. Note your DriverbaseID can be found in your Dealer Console account under “Recommender Settings”.
  3. Add a link to your top level navigation so users can locate the page.

Recommended Installation Instructions (HTML and Javascript)

Individual Dealership Website

Code for installing recommender on an individual dealer website. Recommendation results include vehicles from this single location.

<script src="https://driverbase.com/public/js/iframeResizer.min.js"></script>
<iframe src="https://driverbase.com/recommendation/dealership/driverbaseID/step1" id="db-recommender" min-width="100%" width="100%" frameborder="0" scrolling="auto" onload="parent.scrollTo(0,0);"></iframe>
<script>
    iFrameResize({ log: false }, '#db-recommender')
</script>

Dealership Group Portal

Code for installing recommender on your dealer group portal. Recommendation results include vehicles from all your locations.

<script src="https://driverbase.com/public/js/iframeResizer.min.js"></script>
<iframe src="https://driverbase.com/recommendation/account/driverbaseID/step1" id="db-recommender" min-width="100%" width="100%" frameborder="0" scrolling="auto" onload="parent.scrollTo(0,0);"></iframe>
<script>
    iFrameResize({ log: false }, '#db-recommender')
</script>

Standard Installation Instructions (HTML Only)

The Standard Installation Method below uses only html. If you would like additional benefits such as automatic iframe height adjustments and improved usability please use the recommended installation method above that includes a line of javascript.

Individual Dealership Website

Code for installing recommender on an individual dealer website. Recommendation results include vehicles from this single location.

<iframe src="https://driverbase.com/recommendation/dealership/driverbaseID/step1" width="100%" height="3500" frameborder="0" scrolling="auto" onload="parent.scrollTo(0,0);"> </iframe>

Dealership Group Portal

Code for installing recommender on your dealer group portal. Recommendation results include vehicles from all your locations.

<iframe src="https://driverbase.com/recommendation/account/driverbaseID/step1" width="100%" height="3500" frameborder="0" scrolling="auto" onload="parent.scrollTo(0,0);"> </iframe>

Additional Information

Customization

  • flexible style to align your dealer website design
  • recommendation engine will be configured to only recommend the models in your inventory

Supported website vendors

  • Driverbase is approved to integrate with all major website providers including Dealer Inspire, Sincro, Dealer.com etc.
  • Driverbase is willing to support integrations with all website vendors large and small
  • please note some vendors may charge you and/or driverbase installation fees
  • Driverbase does not charge setup or installation fees for any of our products

Additional links to your vehicle recommender page

After initial implementation and testing consider adding links to feature the recommender on your home page, vehicle listing page header and vehicle details page.

Campaign Support

Contact Driverbase for assistance configuring campaigns directed at your vehicle recommender: service@driverbase.com.

Advanced Implementation: Dynamically set iframe height

Option 1: Automatically set iframe height to content using CSS

Option 2: Automatically set iframe height to content using Javascript

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Why? By dynamically setting the height of the iframe you will be able to:
1. set the iframe parameter scrolling=”no” (prevents the need for scrollbars on certain resolutions)
2. remove the iframe parameter height=”X” (prevents white space between iframe contents and dealership website footer area)

More information regarding cross-domain iframe resizing