Facebook Widget

The Facebook Widget allows you to very quickly and easily add Facebook plugins to your site, including "Like" buttons, activity feeds and so on.

Widget Suite Version:  01.03.00 and up

Object Tag

The following is the required structure to begin putting together this widget.

<object declare="declare" codebase="WillStrohl.Widgets.Facebook" codetype="dotnetnuke/client" id="ANY-UNIQUE-ID-YOU-WANT">

</object>

This is the simplest method of implementing this widget and will insert a default "Like" button. The ID attribute is required, but can be any unique value that you want to assign to it. The rest of the values must be in place how you see them above

Parameters

The following parameters are optional, but allow you to customize how this widget will work and affect your page.

plugin

The Facebook plugin to insert.

Default - like
Possible Values - like, activity, recommendations, like-box, login, registration, facepile, comments, live-stream
Notes - None
Usage

<param value="activity" name="plugin" />

other parameters

Any other parameters are passed through to the Facebook plugin as-is.

Default - none
Possible Values - See the "Attributes" section of the appropriate plugin at http://developers.facebook.com/docs/plugins/
Notes - Usage varies by plugin.
Usage

<param value="attributeValue" name="attribute" />

ogSiteName

The Open Graph Protocal Site Name that describes your website in a human-readable way.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional
Usage

<param value="ogSiteName" name="Widget Suite for DotNetNuke" />

ogTitle

The Open Graph Protocal Title that lists the object as it should appear in the social graph. This is often a page title.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional; defaults to use the current page title
Usage

<param value="ogTitle" name="Facebook Widget for DotNetNuke" />

ogType

The Open Graph Protocal Type that correctly categorizes the object in the social graph.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional
Usage

<param value="ogType" name="website" />

ogImage

The Open Graph Protocal Image that correctly identifies the object in the social graph. This can be a logo, or an avatar.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional
Usage

<param value="ogImage" name="http://dnnwidgets.com/Portals/0/widgetlogo2.png" />

ogUrl

The Open Graph Protocal URL that correctly identifies where the object lives on the Internet.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional; defaults to use the current page URL
Usage

<param value="ogUrl" name="http://dnnwidgets.com/Widgets/Facebook" />

ogDescription

The Open Graph Protocal Description that describes your object for the social graph.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional; Defaults to use the page description.
Usage

<param value="ogDescription" name="This is the Facebook widget for DotNetNuke" />

fbAdmins

A list of Facebook user ids that identify the person or persons that can administrate the admin pages for each object that's added to the social graph.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional
Usage

<param value="fbAdmins" name="123456" />

fbAppId

A Facebook application id that can administrate the admin pages for each object that's added to the social graph.

Default - not specified/empty string
Possible Values - N/A
Notes - Optional
Usage

<param value="fbAppId" name="123456" />

Example Usage

This is an example of a production usage of this widget.

<object declare="declare" codebase="WillStrohl.Widgets.Facebook" codetype="dotnetnuke/client" id="ANY-UNIQUE-ID-YOU-WANT">

                <param name="ogSiteName" value="Widget Suite for DotNetNuke" />

                <param name="ogTitle" value="Facebook Widget" />

                <param name="ogType" value="website" />

                <param name="ogUrl" value="http://dnnwidgets.com/Widgets/Facebook" />

                <param name="ogImage" value="http://dnnwidgets.com/Portals/0/widgetlogo2.png" />

                <param name="ogDescription" value="This is the Facebook widget for DotNetNuke" />

                <param name="fbAdmins" value="123456" />

                <param name="plugin" value="like" />

                <param name="show_faces" value="true" />

                <param name="width" value="200" />

</object>
Create the Widget HTML Mark-Up
  1. Enter or select the appropriate values in the form below to generate the skin widget mark-up to use in your site. Copy and paste it into your site.
  12. >> Generate Widget Code