Follow

How to Embed Web Plugins for Google Sites

This feature is not available in all solutions. For more information, contact your supplier point of contact.

Overview

 

 

Google Gadgets allow you to automatically and easily display supplier-provided content on your Google Site: rotating offers, videos, lead capture forms, product showcases, and downloads such as white papers and case studies. With a Google Custom Gadget, syndicated content adjusts automatically based on data about current website visitors. This dynamic content syndication allows you to target the interests of website visitors to deliver the most relevant content to the user. Delivering the right content at the right time greatly increases website visitor conversion rates.

Utilization of the Google Gadget requires all content to be published in an https environment. While Zift endeavors to support https content in all of the Web Plugins produced, there are a few situations that may arise where the plugin may not operate as expected once embedded on your Google Site. If you experience issues with your plugin, please contact Zift Support and we will research the issues that may be impacting the presentation of the plugin on your website.

Prerequisites

You should be familiar with the following topics before continuing:

  • Zift123 Username
  • Zift123 Password
  • Company Profile Settings - Before installing the web plugin on an SSL (https) site, verify your Web Plugin SSL Option is selected on Company Profile. If the Company Profile is not set first, you will need to activate another instance of the web plug-in.
  • Access to Google Sites

How to Create a Custom Gadget

Content must be served from a secure location. All URLs should be HTTPS not HTTP.

  1. Download a text editor such as Notepad ++ or Atom.
  2. Paste the following code into the text editor.
<Module>
<ModulePrefs title=”Custom Gadget“/>
<Content type=”html“>
<![CDATA[
<script src='YOUR SCRIPT HERE'</script>
]]>
</Content>
</Module>
  1. Save the file with a .xml extension. Example: MyGadget.xml
  2. You will need to retrieve the script path.
    1. If you have already activated your plugin, do the following:
      1. Navigate to Zift123 > Web Plugins > My Web Plugins and select the plugin you would like to install.
      2. Select Embed and copy the URL from with the code of the Basic Javascript Option (everything highlighted in the screenshot below, including the single quotation marks).2017-03-31_WebPlugIn_Embed_Code.png
    2. If you have not yet activated your plugin, do the following:
      1. Navigate to Zift123 > Web Plugins > Browse Web Plugins and select the plugin you would like to install.
      2. Activate the plugin.
      3. Select Embed and copy the URL from within the code of the Basic Javascript Option (everything highlighted in the screenshot below, including the single quotation marks) 2017-03-31_WebPlugIn_Embed_Code.png
  3. Return to your text editor, open your saved gadget and replace the YOUR SCRIPT HERE text with the URL you just copied (ensure that you leave the single quotation marks intact.) It will look like this
<Module>
<ModulePrefs title=”Custom Gadget“/>
<Content type=”html“>
<![CDATA[
<script src='https://widgets.ziftsolutions.com/sales.ziftsolutions.com/js/ff8081815a8d10ee015aa9400ae31b3a'</script>
]]>
</Content>
</Module>
  1. Save your gadget script (as a .XML file) and upload it to your server. Save the URL (generated by your server) to your SML file; you will need it to complete step 10 below.
  2. From your Google site, select Edit in the upper right of the screen.
  3. From Insert, select More Gadgets.
  4. Select Add by URL.
  5. Paste the URL to your .XML file. Example: https://www.MyWebSite/Path/To/MyGadget.xml
  6. Select Save.
  7. Refresh the browser. 

Additional Resource:

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

© 2017 Zift Solutions, Inc.
Powered by Zendesk