- For help connecting to FANDOM using your Facebook account, see Help:Facebook Connect.
Facebook and Twitter pages can be a great way to attract new editors to your community and to interact with your users!
Whether you want to discuss a new episode, talk about a recent game update, or just want to socialize, having a Facebook or Twitter account for your community is a great idea. Though creating the social account isn't the hard part, it is often far more difficult to get the news out about those pages. But what better way than to advertise it on the main page with a Facebook or Twitter widget?
Adding a Twitter timeline
Adding a Twitter timeline to a page on your wiki is pretty simple - just follow these steps:
- In source editing mode, write this:
<twitter screen-name="getfandom" />
- Replace 'getfandom' with the name of the Twitter feed (e.g. 'getfandom', 'BBCNews', 'EmWatson', etc.)
Of course, you may wish to tweak the layout and contents: we support many of the parameters listed in Twitter's documentation.
For example, if you wanted to set the "
height" as "
300" (pixels), you would write:
<twitter screen-name="getfandom" height="300" />
Or you might want to use the dark theme as well:
<twitter screen-name="getfandom" height="300" theme="dark" />
Note: the old method that used "widget-id" (e.g.
<twitter widget-id="345311016592228352" />) will continue to work.
Adding a Twitter hashtag search timeline
Want to include a trending hashtag timeline from Twitter search?
It is similar to the above, except replace screen-name with timeline and include the full link of the hashtag address in the code like this:
However, you will need a widget ID, as the hashtag timeline doesn't work without it. You can create this via https://twitter.com/settings/widgets/new/search - the widget ID will appear in the URL of the created widget.
For example: using the included widget ID from above:
<twitter timeline="https://twitter.com/hashtag/getfandom" height="300" theme="light" widget-id="345311016592228352"></twitter>
Adding Facebook widgets
With the following, you can include Facebook widgets anywhere on your site! The following examples make use of FANDOM's Facebook page, https://www.facebook.com/getfandom, but should use your community's Facebook page, or the Facebook page for your community's topic.
The 'Page' plugin is a versatile widget that can allow viewers to like a Facebook page, see which of their friends already like it, and view recent posts from the page. This widget should meet most of your needs around showcasing a Facebook page on your wiki!
The basic code looks like this:
<div class="fb-page" data-href="https://www.facebook.com/getfandom"></div>
This will generate a module that looks like this:
You can add parameters to the code to change additional elements:
data-show-posts="true"will show recent posts from the page
data-show-facepile="false"won't show the viewer's friends' faces
data-small-header="true"will make the cover image smaller, and
data-hide-cover="true"will hide the cover image completely.
For example, using some of those parameters:
<div class="fb-page" data-href="https://www.facebook.com/getfandom" data-small-header="true" data-show-facepile="false" data-show-posts="true"></div>
This generates a module that looks like this:
Adds a "Like" button that allows users to like the current page. You can also optionally add a Share button next to the Like button.
share="true"to also show a Share button.
The "Share" button lets users share a link on their timeline, in groups, or to their friends via a Facebook Message. Additional text can be added to the post or message.
<fb:share-button href="https://www.facebook.com/getfandom" data-layout="button_count"></fb:share-button>
- Use the
layoutparameter to choose between various types of button. Possible values are "box_count", "button_count", "button", "link", "icon_link", or "icon".
- The Muppet Wiki has a box on the top right of their main page, and the page has over 23,000 likes! They share photos of their favorite characters, news about the Muppets, and ask fans to comment on posts.
- The Sims Wiki also has a very active Facebook community, with over 1,500 likes. Like the Muppet Wiki, the box is on the top right of the page so the box will be one of the first things new visitors see. The Sims Wiki actively uses their Facebook page to share news articles, but also informs their users of important on-wiki discussions.
I still can't work it out!
- A list of FANDOM communities with Twitter accounts
- A list of FANDOM communities with Facebook accounts
- More about Facebook Social Plugins
Further help and feedback
- Browse and search other help pages at Help:Contents
- Check FANDOM Community Central for sources of further help and support
- Check Contacting FANDOM for how to report any errors or unclear steps in this article
- Learn how to use FANDOM in FANDOM University: short how-to videos for all levels of experience