|
 |
Gigya's Developer Documentation > Wildfire Sharing Tool > Developer's Guide > UI Customization > The Setup Wizards > Wildfire Button in widget
Wildfire Button in widgetFrom $1Table of contents
The Wrapper Setup Wizard, is a quick setup wizard for creating a "Get This" button which can be customized and placed wherever you choose in or around your widget. Clicking this button will activate Wildfire on your widget, so it can be spread across the web.
We implement the addition of the button to your widget using a transparent Flash wrapper, which is wrapped around your widget.
The following document provides the knowledge needed for integrating the "Get This" Button in your widget and customizing it. We will start with a step-by-step "walkthrough" demonstration of the process of wrapping "Get This" button around your widget and integrating it in your site. Following the example you will find a section guiding how to Customize the "Get This" button and the Wildfire menu which is launched by the button.
Walkthrough ExampleThe "Wrapper Wizard"1. Find the "Wrapper Setup" page in Gigya's website:
2. Mandatory Customization. There are three mandatory elements to edit in the "Customize" part of the wizard:
3. Optional: customize the "Get This" Button and the Wildfire menu launched by the button. The Customizations section below provides guidance on this aspect.
4. Grab the code, and insert it into your web page - at the location where you would like your widget to appear.
The Webpage CodeThe following example presents some basic web page code, which includes the code grabbed from the Wizard above: <html>
<head>
<title>Wrapper Example</title>
</head>
<body>
<h2>This is our Widget:</h2>
<!-- The following code is copied from the Wrapper Wizard: -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="151" height="225" id="Object2">
<param name="FlashVars" value="Partner=000000&theme=New Classic&widgetW=151&widgetH=201&widgetX=0&widgetY=0
&stickyType=bottom&WFBtnX=35&WFBtnY=201&previewURL=&URL=http%3A%2F%2Fwww.shirly.com%2FWildfire%2Fswf%2FswfDemo.swf"/>
<param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always" />
<param name="movie" value="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" />
<embed name="WFHost" id="WFHost" width="151" height="225" src="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf"
flashvars="Partner=000000&theme=New Classic&widgetW=151&widgetH=201&widgetX=0&widgetY=0&stickyType=bottom
&WFBtnX=35&WFBtnY=201&previewURL=&URL=http%3A%2F%2Fwww.shirly.com%2FWildfire%2Fswf%2FswfDemo.swf"
AllowScriptAccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<p>Click the "get this" button to load Wildfire, and post the widget to your profile...</p>
</body>
</html>
Note: In order to make this code work in your environment, please make sure you: a. Click the "view plain" link (which is located above the code). Doing so will open a popup window with the text version of the code, which you may copy. b. Replace the values of the "partner" attributes in the code (lines 12,17), to your own Gigya Partner ID. The Wizard automatically inserts your Partner id into the generated code. You may also obtain your Partner ID from your Account Settings page on the Gigya website.
Run the Example:
CustomizationsCustomizing the "Get This" ButtonThe Wizard enables you to choose between three types of buttons:
The Sticky ButtonThe Sticky Button is a button which is "stuck" to your widget. You may choose the location of the button around your widget.
The Classic ButtonThe Classic Button is a button which is located inside your widget. You may determine the precise location of the button within the widget using X, Y coordinates.
A Custom ButtonCreate your own custom button using either an image or a flash file for the button.
Enter the URL of your custom button and its dimensions. Then, select the location of the button - within the widget or around it.
Customizing Wildfire Launched by the "Get This" ButtonWhen the Wildfire Button is employed, Wildfire customization is limited – not all the Wildfire configuration parameters are accessible. The provided configuration possibilities are accessible through the Wizard: Look and FeelYou may select any of the seven theme offered, such as the "Ocean Blue" theme:
When you click the "Get This" button, Wildfire will appear with the selected theme.
Logic ParametersThe following parameters do not have any visual effect on Wildfire or on the Wildfire button, but they do have a logical effect on Wildfire operation:
Enable advanced trackingPlease check this button if you would like Gigya to track the viral distribution of your widget and to collect information that will be available through Gigya's reporting service. Preview image URLThe image URL you enter in the textbox will be used as a preview for your widget on all the networks which support such previews (such as Facebook). If you leave this text box empty, Wildfire will automatically create a preview for your widget.
Tags:
Files (0) |
||||
|
