|
Node Package: Social Marketing
|
The Social Bookmarking Node is the #1 WebPal tool for getting your word out. With full integration of all major social media outlets no one will be left behind when it comes to your latest updates and news announcements.
|
wpSocialBookmarking
This node allows insertion of the AddThis code for social bookmarking. Just insert the node and the code will automatically be added.
Where to use this node
Sample
wpSocialBookmarkingAddThis
This node allows insertion of the AddThis code and customize the display the way you need it
Below are some samples just copy the code provided and paste in your chapter / design:
Sample 1
Sample 2
Sample 3
Here is a list of all buttons that are available: http://www.addthis.com/services/list#.TimMTmGwXFI (use the Code value)
Fill in the additional_buttons attribute with a comma seperated list of the social networks you want intergrated.
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| additional_buttons
|
optional
|
|
This is where additional buttons can be specifeid. Enter a comma seperate list off the button(s) needed.
|
| icon_size
|
oneof
|
16x16, 32x32
|
Here is where the icon size can be selected
|
| addthis_profile_id
|
optional
|
|
This is where your personal AddThis Profile ID can be specifed to store statistics.
|
Sub Nodes
Sample
wpSocialBookmarkingButton
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| name
|
oneof
|
addthis_compact, addthis_bubble_style_counter, addthis_pill_style_counter, seperator, facebook, facebook_like, facebook_like_w_count, google, google_plusone, linkedin, myspace, twitter, tweet
|
This is where you can select some pre-defined buttons to display. They will be displayed in the order that they are listed.
|
wpTwitterSettings
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| num-tweets
|
default
|
4
|
Specify the number of tweets that should appear
|
| poll-for-new-results
|
oneof
|
no, yes
|
Select whether twitter should poll for new results
|
| include-scrollbar
|
oneof
|
no, yes
|
Select whether the widget should include a scrollbar
|
| behavior
|
oneof
|
load-all, timed
|
Here is where the behavior can be selected, whether it should load all at once or at an interval
|
| loop-results
|
oneof
|
no, yes
|
Determines if results should be looped.
|
| tweet-interval-sec
|
default
|
6
|
If the behaviour is set to "timed" here is where you can specify the interval in seconds
|
| show-avatars
|
oneof
|
no, yes
|
Determines if the avatar icons should appear
|
| show-timestamps
|
oneof
|
no, yes
|
Determines if the timestamp should appear
|
| show-hashtags
|
oneof
|
no, yes
|
Determines if the hashtags should appear
|
| width
|
default
|
250
|
Determines the width in px of the widget.
|
| height
|
default
|
300
|
Determines the height in px of the widget.
|
| shell-background
|
optional
|
|
The background colour of the widget's shell
|
| shell-text
|
optional
|
|
The text colour within the shell part of the widget.
|
| tweet-background
|
optional
|
|
The background colour of the tweet
|
| tweet-text
|
optional
|
|
The text colour within the tweet.
|
| tweet-links
|
optional
|
|
The text colour of the links within a tweet.
|
wpTwitterProfile
This node will allow you to display your most recent twitter updates on your website. It is customizable to fit with your colour scheme.
Here is a sample of Twitter profile widget (sample code below)
Inherits from:
Where to use this node
Sub Nodes
| Name | Type | Help |
|---|
| username
|
wpStringL
|
Specify the username to populate the widget their tweets.
|
Sample
wpTwitterSearch
This node is able to display Twitter's search results in real time. It is customizable to fit with your colour scheme.
Inherits from:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| show-top-tweets
|
oneof
|
no, yes
|
Determines if the top tweets should appear.
|
Sub Nodes
| Name | Type | Help |
|---|
| search-query
|
wpStringL
|
Specify string to search for.
|
| title
|
wpStringL
|
Specifies the title of the widget, appears in the shell part.
|
| caption
|
wpStringL
|
Specifies the caption of the widget, appears in the shell part below title.
|
wpTwitterFaves
This node is able to display your favourite tweets in real time. It is customizable to fit with your colour scheme.
Inherits from:
Where to use this node
Sub Nodes
| Name | Type | Help |
|---|
| username
|
wpStringL
|
Specify the username to populate the widget their tweets.
|
| title
|
wpStringL
|
Specify the title of the widget, appears in the shell part.
|
| caption
|
wpStringL
|
Specify the caption of the widget, appears in the shell part below title.
|
wpTwitterList
This node is able to display your Twitter lists. It is customizable to fit with your colour scheme.
Inherits from:
Where to use this node
Sub Nodes
| Name | Type | Help |
|---|
| username
|
wpStringL
|
Specify the username to populate the widget their tweets.
|
| list-name
|
wpStringL
|
Specify the list name you want to appear
|
| title
|
wpStringL
|
Specify the title of the widget, appears in the shell part.
|
| caption
|
wpStringL
|
Specify the caption of the widget, appears in the shell part below title.
|
wpTwitterFollow
This node allows you to add a follow button to your website to increase engagement with your audience.
Sample code below
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| display-count
|
oneof
|
no, yes
|
Determines if the number of followers should appear
|
| button-colour
|
oneof
|
blue, grey
|
Determines the color scheme of the button
|
| text-colour
|
optional
|
|
Determines the colour that the text will be.
|
| link-colour
|
optional
|
|
Determines the colour that the link text will be.
|
| width
|
default
|
300
|
Determines the width of the follow me widget
|
| alignment
|
oneof
|
left, right, center
|
Determines the text alignment
|
Sub Nodes
| Name | Type | Help |
|---|
| username
|
wpString
|
Specify the username to follow.
|
Sample
wpFacebookLike
These Facebook nodes allow you to easily integrate Facebook with you website. These are the Facebook Social Plugins that are currently available in Webpal.
- Like Button
- Send Button
- Comments
- Activity Feed
- Recommendations
- Like Box
- Facepile
- Live Stream
You can see a detailed description about each of them here.
Facebook Like Examples
1) Layout: standard
2) Layout: button_count
2) Layout: box_count
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| send-button
|
oneof
|
no, yes
|
This will add a send button to widget.
|
| layout
|
oneof
|
standard, button_count, box_count
|
Determines the layout of the like widget (there are a few to choose from).
|
| width
|
default
|
450
|
Determines the width in px of the widget.
|
| show-faces
|
oneof
|
no, yes
|
If this option is activated, profile pictures will appear below of those who "LIKE" your website.
|
| verb-to-display
|
oneof
|
like, recommend
|
This determines which verb should be used for the widget; Like or Recommend are the only options available.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
| font
|
oneof
|
arial, lucida grande, segoe ui, tahoma, trebuchet ms, verdana
|
Determines the type of font used for the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| url
|
wpStringL
|
Where you specify what URL to like, default is current page.
|
Sample
wpFacebookSend
Facebook Send Example:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
| font
|
oneof
|
arial, lucida grande, segoe ui, tahoma, trebuchet ms, verdana
|
Determines the type of font used for the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| url
|
wpStringL
|
Where you specify what URL to send.
|
Sample
wpFacebookComments
Facebook Comments Example:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| num-posts
|
default
|
2
|
Determines the number of posts that should appear by default
|
| width
|
default
|
450
|
Determines the width in px of the widget.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| url
|
wpStringL
|
Where you specify what URL to comment on.
|
Sample
wpFacebookActivity
Facebook Activity Example:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| width
|
default
|
300
|
Determines the width in px of the widget.
|
| height
|
default
|
300
|
Determines the heigth in px of the widget.
|
| show-header
|
oneof
|
no, yes
|
Determine if the Facebook header will appear on the widget.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
| target
|
oneof
|
_blank, _top, _parent
|
Determines how the link should opened.
|
| border-color
|
optional
|
|
Determines the colour of the border around widget.
|
| font
|
oneof
|
arial, lucida grande, segoe ui, tahoma, trebuchet ms, verdana
|
Determines the type of font used for the widget.
|
| show-recommendations
|
oneof
|
no, yes
|
Determines if your recommendations should appear.
|
Sub Nodes
| Name | Type | Help |
|---|
| domain
|
wpStringL
|
Determines which domain the activity should be shown for, default is current domain.
|
Sample
wpFacebookRecommend
Facebook Recommendations Example:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| width
|
default
|
300
|
Determines the width in px of the widget.
|
| height
|
default
|
300
|
Determines the height in px of the widget.
|
| show-header
|
oneof
|
no, yes
|
Determine if the Facebook header will appear on the widget.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
| target
|
oneof
|
_blank, _top, _parent
|
Determines how the link should opened.
|
| border-color
|
optional
|
|
Determines the colour of the border around widget.
|
| font
|
oneof
|
arial, lucida grande, segoe ui, tahoma, trebuchet ms, verdana
|
Determines the type of font used for the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| domain
|
wpStringL
|
Determines which domain the activity should be shown for, default is current domain.
|
Sample
wpFacebookLikeBox
Facebook Likebox Example:
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| width
|
default
|
292
|
Determines the width in px of the widget.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
| show-faces
|
oneof
|
no, yes
|
If this option is activated, profile pictures will appear below of those who "LIKE" your website.
|
| border-color
|
optional
|
|
Determines the colour of the border around widget.
|
| show-stream
|
oneof
|
no, yes
|
Determines if the profile stream appears.
|
| show-header
|
oneof
|
no, yes
|
Determine if the Facebook header will appear on the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| facebook-url
|
wpStringL
|
The Facebook URL for the like box.
|
Sample
wpFacebookFace
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| size
|
oneof
|
small, large
|
Determines the size of the images.
|
| width
|
default
|
200
|
Determines the width in px of the widget.
|
| num-rows
|
default
|
1
|
Determines the maximum number of rows of profile pictures.
|
| color-scheme
|
oneof
|
light, dark
|
Determines the colour scheme used for the widget.
|
Sub Nodes
| Name | Type | Help |
|---|
| url
|
wpStringL
|
Where you specify what URL for the Facepile to populate from.
|
wpFacebookLiveStream
Where to use this node
Attributes
| Name | Use | Value | Help |
|---|
| app_id
|
required
|
|
Facebook application ID or API ID.
|
| width
|
default
|
200
|
Determines the width in px of the widget.
|
| height
|
default
|
300
|
Determines the height in px of the widget.
|
| xid
|
optional
|
|
If you have multiple streams on the same page, you can add a unique xid.
|
| attribution-url
|
optional
|
|
The URL that users are redirected to when they click on your app name on a status, default Connect URL.
|
| always-post
|
oneof
|
no, yes
|
If set, all user posts will always go to their profile. This option should only be used when users' posts are likely to make sense outside of the context of the event.
|
|
|
|