To add the meter to a site follow the steps listed below:
Adding the meter:
- Login to the administrator system at: https://portal.clickandpledge.com
- Click on Account Info / Profile / API and activate the reporting services (RaaS).
- Copy the Account ID & Report Key to be used in the meter code
The Code:
<div id="Seasonal" style="width: 160; height: 300; position: static;"></div>
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" language="javascript">
</script>
<script type="text/javascript">
swfobject.embedSWF("http://clickandpledge.s3.amazonaws.com/clickits/seasons/north/main.swf?target=50&accountID=14521&key=1dfbb59556f945618867&tracker=jane&textcolor=FFCC00&initialMessage=We can help the community only through your support&goalMessage=We have met our goal. Thank you all!<:br>(You still can help us)", "Seasonal", "160", "300", "10");
</script>
Arguments:
- The seasonal ClickIts location is listed below. The examples provided in the manual include the location for the northern hemisphere.
- Northern hemisphere: http://clickandpledge.s3.amazonaws.com/clickits/seasons/north/main.swf
- Southern hemisphere: http://clickandpledge.s3.amazonaws.com/clickits/seasons/south/main.swf
- target: Used for the meter- the maximum value shown in the meter. Goal will be met when the total donations is greater than or equal to the target.
- accountID: The account number as copied from the administrative system
- key: The report key as copied from the administrative system
- tracker: The donations made with the tracker will be shown in the meter. The tracker is a text (e.g. jane, campaign2010, etc.) that will be recorded with each transaction. The meter will retrieve the total for the tracker. The donation may also be downloaded in the administrative system for each tracker used.
- textcolor: Text color of the initialMessage & goalMessage
- initialMessage: The initial message displayed
- goalMessage: The message displayed once the target has been reached
Optional Parameters:
- WID: If the WID of a checkout page is used, the ClickIts will post to the Classic page identified by the WID. If the WID is omitted the checkout page identified as DEFAULT will be used. If no checkout page is set to be the DEFAULT page then the checkout page with the lowest WID value will be displayed. See the following examples and use cases:
- Omit WID: Omitting WID offers flexibility where the Clickits will post to the default page. Checkout page may be changed at anytime in the administrative system and a different default page may be set. Changing the default page will not require any change to the ClickIts code.
- Omit WID: ClickIts using the default setting will not break if the checkout page used is accidentally deleted.
- Using WID: A specific checkout page will always be used regardless of which checkout page is set as the default.