CiviCRM Community Forums (archive)

would be great if you could follow through on either of the two proposed paths and post what/how/why you did on this topic

lobo

A little more investigation into why the widget doesn't work.  FB cleans up whatever language placed into the FBML.  For example, when calling a .swf file, FB prefers you to use fb:swf swfsrc="http://yoursouce.swf"

I believe there are other work arounds, so the entire Civicrm widget code will have to be hacked up. 

Still working on it - will let you know when we are getting closer.

Sorry to revive this as a dead thread - I did end up getting this working and I wanted to share the results in case other people want to try this.

Here's the basic code I ended up with -

<!-- Standard wrapper div for widget-->
<div style="text-align: center; width:260px">

<!-- Facebook opening tag for SWF -->
<fb:swf

<!--The background color for the flash object CiviCRM uses default is white #FFFFFF -->
 swfbgcolor="FFFFFF"

<!--The URL of the SWF file CiviCRM uses as the widget -->
 swfsrc='https://www.mydomain.org/sites/all/modules/civicrm/extern/Widget/widget.swf'

<!--The variables that get passed to the widget to identify which donation page the widget should relate to - note the PageID may be the only think you need to change -->
 flashvars="serviceUrl=https://www.mydomain.org/sites/all/modules/civicrm/packages/amfphp/gateway.php&contributionPageID=7&widgetID=1"

<!--Facebook only loads flash after it's been clicked on, so it needs an image of the widget to provide before someone clicks. I used the "about" tab as it doesn't get out of date.-->
 imgsrc='http://www.mydomain.org/files/widget.jpg'

<!--Standard flash variables for quality-->
 quality='high'

<!--Standard flash variables for dimensions -->
 width='220'
 height='220'

</fb:swf>
</div>

The biggest weakness that I see as not easily avoidable - facebook only loads SWF files after the visitor clicks on an image placeholder for the file.  You can specify an image of the widget as a placeholder, but, as soon as a new gift comes in, that image becomes out of date. 
You can specify the about tab, but as I did, but that kind of defeats the purpose of the widget. 
Best option may be a button - see the status of our campaign, or something to that effect, that loads the widget.   

May be of use to others - the meger documentation on flash in FBML. 
http://developers.facebook.com/docs/reference/fbml/swf