For help connecting to Wikia using your Facebook account, see Help:Facebook Connect

Facebook and Twitter pages can be a great way to attract new editors to the wiki and to interact with your users. Whether you want to discuss a new episode, talk about a recent game update recent update or just want to socialize, having a Facebook or Twitter account for your wiki is a great idea. Though creating the page isn't the hard part, it is often far more difficult to share your pages with the world. But what better way than to advertise it on the main page with a Facebook or Twitter box?

If the subject of your wiki has its own Facebook or Twitter pages, you can also feature those on your main page.

Contents 1 Adding a Twitter box 1.1 Tips 2 Adding a Facebook box 2.1 Like box 2.2 Comments 2.3 Like 2.4 Recommendations 3 Best practices 4 I still can't work it out! 5 See also 6 Further Help & Feedback

Adding a Twitter box

• Adding a Twitter box is somewhat complex, but it should be a piece of cake if you follow these steps.
• To create a timeline you must be signed in to twitter.com and visit the widgets section of your settings page. From this page you can see a list of the timelines you’ve configured and create new timelines.
• Click the "Create new" button to build a new timeline for your website, choose the type, and complete the fields in the form; many fields are optional, except for "domains". The configuration is stored on Twitter's servers for added security.
• Be sure to enter the full domain that you are allowing to display your theme on (community.wikia.com, for example). You are allowed to add up to 5 domains.
• Create a page in the MediaWiki namespace named "TwitterWidget". To do this, visit Special:CreatePage on your wiki, and use "MediaWiki:TwitterWidget" as the pagename.
• Next, copy the code below directly into the edit box.

<a class="twitter-timeline" href="https://twitter.com/TwitterName" data-widget-id="TwitterID">Tweets by @TwitterName</a>
<script>!function(d,s,id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
        js     = d.createElement(s);
        js.id  = id;
        js.src = "//platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js, fjs);
    }
}(document, "script", "twitter-wjs");</script>

• After pasting the code, replace "TwitterName" and "TwitterID" with your Twitter username and ID respectively. "TwitterName" and "TwitterID" can be found within the code on Twitter's widget setup page. Do not remove the apostrophes though.
• Next, visit and edit the mainpage of your wiki. Scroll down to the section where you'd like to add the box, and copy the following code there:

<verbatim>TwitterWidget</verbatim>

• And voilà, the Twitter widget should now appear on your mainpage.

Tips

• The Twitter box can be customized, but the customization is limited. Within Twitter's widget setup, you can change the height, theme colors, and link colors. The rest would have to be changed via local CSS on the wiki.

Adding a Facebook box

This is a list of wikitext tags you can use to include Facebook widgets anywhere on your site.

Like box

The like box will display a widget about a topic.

<fb:like-box name="wikia"/>

name="wikia"

This specifies the name of the page the box will display. The name can be found in the Facebook URL: https://www.facebook.com/wikia

profile_id="10151327580902300"

The Facebook Page ID. Many wikis will have to use this instead of 'name' because Facebook will currently only let you choose a name if the page already has 25 "likes". To find your Page ID, go to

https://developers.facebook.com/tools/explorer?method=GET&path=NAME

but replace NAME with the "name" as noted above.

Parameters

• facebook documentation

• You can easily modify the like box to change its color scheme, make it wider or even add a stream, using the parameters shown here:

<fb:like-box name="wikia" width="300" height="" stream="false" header="false" show_faces="true" border_color="" colorscheme="light"/>

• To add a Facebook stream, just change "stream="false"" to "stream="true"";
• To make the box wider, change "width="300"" to the desired width;
• To use a dark color scheme, simply change "colorscheme="light"" to "colorscheme="dark"";
• To change the border color, replace"border_color=""" with "border_color="color"".

Comments

The comment box allows users to post a comment about the current page.

<fb:comments></fb:comments>

Parameters

• facebook documentation

Like

Adds a like button that allows users to like the current page.

<fb:like></fb:like>

Parameters

• facebook documentation

Recommendations

Adds page recommendations.

<fb:recommendations></fb:recommendations>

Parameters

• facebook documentation

Best practices

• The Twilight Wiki has a box on the top right of their wiki, and with nearly 3000 likes it has been a big success! They share photos of their favorite characters, invite each other to events and have endless discussions about who's better, Edward or Jacob!
• The Sims Wiki also has a very active Facebook community, with nearly 1000 likes. Like the Twilight Wiki, the box is on the top right of the page so the box will be the first thing new visitors see. The Sims wiki actively uses their Facebook page to share news articles, but also informs their users of important wiki discussions.

I still can't work it out!

If you are having problems setting up any of the Twitter or Facebook boxes, feel free to ask the community for help on our Forum, or contact Wikia staff.

See also

• A list of Wikia wikis with Twitter accounts
• A list of Wikia wikis with Facebook accounts
• More about Facebook Social Plugins

Further Help & Feedback

• Browse and search other help pages at Help:Contents
• Check Help:Wikia Community Central for sources of further help and support
• Check Help:Contacting Wikia for how to report any errors or unclear steps in this article