Loading…
 

Social Networks

Overview
This feature integrates popular social networks (such as Facebook,Twitter, Linkedin or Google+ ) into Tiki. It enables Tiki to engage and interact with your members within these networks without using the client’s browser. It is important to considere that not all meta tags are necessary and used by each of the popular social networks.



With FaceBook proeminence, most of the social networks “learned” to detect and used the Open Graph Protocole tags that are used by Facebook. This means that, even if you don’t have specific Linkedin or Twitter Cards specific tags, Linkedin and Twitter will read, as a fallback, FaceBook og tags (if they are correctly set). Tiki Social Network parameters and tags are based on that fact (as are many other web applications) and avoid duplication when it is not necessary. If you want to use specific HTML head tags that are not set in the Tiki control panel defaults, you can use the PluginMetaTag - (It will available in Tiki17 but should be very soon integrated in Tiki16).



Basic Setting


Tiki Social Networks is an advanced feature; therefore, you’ll have to set the preference switch to “Advanced” (from Tiki 16) or check the “Advanced” checkbox in the filter preference menu (prior to Tiki 16). Note, you may want to set Advanced as the default in the preferences filter menu so you can always see the advanced features of Tiki.

To activate the feature, go to Control Panels, and then Features. Look for the “Interaction with online services or other software” section and enable “Social networks”. You will then have access to the “Social networks” panel and be able to configure everything from there.

Twitter


SocialNetwork Twitter

Since Tiki 16 Tiki integrate default parameters that are used by Twitter when fetching a page if they are missing or if you prefer to use your own for the entiere Tiki.

Site Name: Enter here the website name that will be used by Twitter (twitter:site) for all your website. This parameter will overide the Browser title.

Site Image: Enter here the website image (logo, picture, etc) that will be used by Twitter (twitter:image) for all your website. It must be an URL.

Activate Twitter integration

Note: It is possible to have your post (forum, blog, article, etc) posted to Twitter using an external social media automation solution. Those external services are very popular and use Tiki RSS feed to fetch and publish content on your behalf.

Consumer Key and Consumer Secret are used for integrate your Tiki and Twitter using a Twitter application.

First of all, go to the Twitter page for new applications and register your site as a new application.

As Callback URL you must give the URL for tiki-socialnetworks.php on your site. This is where users will be redirected when authorizing your app with oauth.

You also must ask for the access type Read & Write otherwise your users will not be allowed to tweet.

After registering your site, you get a consumer key and consumer secret which you must enter in the tab Social networks on the admin panel. (See image above)

To grant a group access to the social networks functionality, set the permission user can use social network integration (tiki_p_socialnetworks) for that group on the Permissions page.

User authorization

Before being able to use the Twitter integration, users must authorize the TikiWiki site by requesting an oauth token.
This can be done via the Social networks tab on My Tiki.

By clicking on the Authorize button, the user will be redirected to the Twitter page, asking for confirmation. If the user agrees, an oauth token will be stored in the users preferences.

Facebook


SocialNetwork Facebook

Since Tiki 16 Tiki integrate default parameters that are used by Facebook when fetching a page if they are missing or if you prefer to use your own for the entiere Tiki.

Site Name: Enter here the website name that will be used by Facebook (og:site_name) for all your website. This parameter will overide the Browser title.

Site Image: Enter here the website image (logo, picture, etc) that will be used by Facebook (og:image) for all your website. It must be an URL. The minimum image size is 200 x 200 pixels and as advised by Facebook, Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.

Activate Facebook integration

Note: It is possible to have your post (forum, blog, article, etc) posted to Twitter using an external social media automation solution. Those external services are very popular and use Tiki RSS feed to fetch and publish content on your behalf.

Consumer Key and Consumer Secret are used for integrate your Tiki and Facebook using a Facebook application.

Setting up Facebook integration

First, you need to register a new application with Facebook. This can be done via the Developers tool. Later on, you can edit the Application via Application settings in your Facebook profile.

Step 0
On the Developer page click on Set Up New Application and enter a name for your Application, sell your soul (agree to the terms) and click on Create Application. After a successful captcha check, you can proceed with step 1.

You may need to login in Facebook to accept the validation process in Facebook (to allow the developer application use your account details in Facebook, etc).

Step 1
The name of your application is already set, so you don’t need to enter a new one. Feel free to upload a logo and icon for your app. As I give support via e-Mail, I entered my email address for the users support.
facebook_edit_01.png

Step 2
Enter the site URL and the Site Domain. My test server is at test.ott-consult.de and tiki is at the URL for my test server is at http://test.ott-consult.de/trunk. The Site URL therefore is http://test.ott-consult.de/trunk/tiki-socialnetworks.php?request_facebook.
facebook_edit_02.png

Step 3

In this step, you don’t to change anything since the Post-Authorize Callback URL field has been removed by Facebook.
step3.png

Step 4
Here, you choose the way your application authorizes with Facebook. As it is set by default, just check that HTML5/mobile web for your Application type is selected.
facebook_edit_04.png

Step 5
Start Using Facebook Credits, this financial/billing integration mostly not needed for Tikiwiki, leave it that way.
step5.png

Step 6
On this last step, you can give the Facebook Deauthorize Callback which will be called, when a user disallows your application on Facebook. Don’t choose sandbox mode here.

Usually, your web server has a static IP address. By putting it on the server whitelist, you can add a bit of security, as only requests from that IP will be processed. If you run a server farm with multiple servers, add all IP addresses.

You can also uncheck all the “deprecated” setting, it won’t hurt.
socialnetwork_step6.png

Now you created the application at Facebook and you can enter the data on your tiki server. Go to Admin->Social networks and enter the data from Facebook.
facebook_edit_tiki.png

User authorization

Users need the tiki_p_social_network permission in order to use social networks. To login via facebook, the Anonymous group will need this permission.

Before being able to use the Facebook integration, users must authorize the TikiWiki site by requesting an oauth token.
This can be done via the Social networks tab on My Tiki.

Note : As i (Bernard) authorize it i encounter an error from Facebook servers: “message”: “Invalid redirect_uri: Given URL is not allowed by the Application configuration.”.
I had to logout/login for Facebook to accept the authorization. It is possible also that you have to wait more than 15mn for the Facebook server to use the setting you just entered.


Adding the Google +1 icon

Go to http://www.google.com/intl/en/webmasters/+1/button/index.html for the latest code. At the time of writing this, the example code was valid. Customize the button using the form on the Google +1 button page. Copy-paste the code made on the Google page, such as

<!-- Place this tag where you want the +1 button to render -->
<div class="g-plusone" data-size="small"></div>

and input it where you want the button to be displayed using the PluginHTML or in a user (custom) module.

The JavaScript, such as
<!-- Place this render call where appropriate -->
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

goes in the Look and Feel custom JavaScript textarea. Paste it there as illustrated (the script opening and closing tags shouldn’t be input, in Tiki 7 at least).

Further customize it by adding the metatag information. As of Tiki 7 there’s no way to modify the html tag by adding the itemscope and itemtype attributes, but a future release of Tiki should have this functionality.

Using Twitter and Facebook in Shoutbox

When the site has been registered with Twitter and/or Facebook, an admin can allow the Shoutbox module to show two additional checkboxes by setting the options “Tweet” and “Facebook”.
If the user has the permission to use Twitter/Facebook and has authorized the site to send tweets or post to his Facebook wall, the Shoutbox will offer a checkbox Tweet with Twitter and a checkbox Post on Facebook wall. By activating these checkboxes, in addition to sending a shout, the message will also be sent by Twitter or posted on your Facebook wall.

Using Twitter and Facebook to share a page

When the above prerequisites are given, a user who authorized the site with Twitter/Facebook can use the Share feature not only to send emails/internal messages, but also tweet them and like those pages on his Facebook wall.

To setup/activate
Click the Social Networks icon Social Networks on the Admin Panel
or
Access http://example.org/tiki-admin.php?page=social



Social Networks tab
Social Networks tab


Setting Description Default
Social Networks Activate Social Networking
Consumer key Twitter Site Consumer Key
Consumer secret Twitter Site Consumer Secret
API key: Facebook Site API key
Application secret: Facebook Site Application secret
Application ID: Facebook Site Application ID
bit.ly Login: bit.ly Site Consumer Key
bit.ly Key: bit.ly Site Key
Use site-wide account: Use bit.ly URIs for all URI communications





Note
The following content will eventually be migrated to the Social Networks section of the Tiki User and Admin Guides.


Setting up bit.ly as URL shortener

At the moment, this is only used by the Share feature. By going to bit.ly, you can register and request a key. As Admin, you can force all users to use the site wide key which gives you a nice overview on the pages shared by your users and the feedback on that.
bitly_sitewide.png

Logging in and creating a user by using LinkedIn

Since Tiki15, you can also set up your site to allow users to log into LinkedIn as they can with Facebook.

Steps to do this are:
  1. Register your site as a LinkedIn App.
    1. Note your Client ID and secret to put in your Tiki prefs.
    2. Set default permissions to r_basicprofile and r_emailaddress
    3. Set the authorized redirect url to: http://yourtikisite.com/tiki-socialnetworks_linkedin.php

  1. Set your Tiki preferences for LinkedIn at /tiki-admin.php?page=socialnetworks
    1. Set your Client ID and Secret from Step 1.
    2. Check both login and auto-create user using LinkedIn

This will allow users to Log In using LinkedIn.

Using ShareThis

You can also allow your users to send links from pages in your tiki to many social networking sites by means of the widget from ShareThis (http://www.sharethis.com).

Since Tiki6 the widget “share this” is also available in blog posts if you enable it at: “Admin home > Blogs > General Settings > Sharing on social networks > ShareThis buttons

And since Tiki6.1, it’s also available for articles: “Admin home > Articles > General Settings > Sharing on social networks > ShareThis buttons

In trackers, you can use the widget “Share This” by means of adding a call to PluginShareThis in a static text field.

Related

Aliases
SocialNetwork | SocialNetworks | Social Network | Twitter | Facebook

doc.tiki.org


Bootstrap

AdminGuide

UserGuide

Keywords

Keywords serve as “hubs” for navigation within the Tiki documentation. They correspond to development keywords (bug reports and feature requests):

Accessibility (WAI and 508)
Accounting (7.x)
Articles and Submissions
Backlinks
Banners
Batch (6.x)
BigBlueButton audio/video/chat/screensharing (5.x)
Blog
Bookmark
Browser Compatibility
Link Cache
Calendar
Category
Chat
Clean URLs
Comments
Communication Center
Compression (gzip)
Contacts (Address Book)
Contact us
Content Templates
Contribution (2.x)
Cookie
Copyright
Credit (6.x)
Custom Home and Group Home Page
Date and Time
Debugger Console
Directory of hyperlinks
Documentation link from Tiki to doc.tiki.org (Help System)
Docs 8.x
Draw 7.x
Dynamic Content
Dynamic Variable
External Authentication
FAQ
Featured links
File Gallery
Forum
Friendship Network (Community)
Gmap Google maps
Groups
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
Kaltura video management (4.x)
Karma
Live Support
Login
Logs (system & action)
Look and Feel
Lost edit protection
Mail-in
Map with Mapserver
Menu
Meta Tags
Mobile Tiki and Voice Tiki
Mods
Module
MultiTiki
MyTiki
Newsletter
Notepad
Payment
Performance Speed / Load
Permissions
Platform independence (Linux-Apache, Windows/IIS, Mac, BSD)
Polls
Profiles
Profile Manager
Report
Toolbar
Quiz
Rating
Feeds
Score
Search engine optimization
Search
Search and Replace
Security
Semantic links (3.x)
Shadowbox
Shadow Layers
Share
Shopping cart
Shoutbox
Slideshow
Smiley
Social Networks
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Stats
Surveys
Tags (2.x)
Task
Tell a Friend, alert + Social Bookmarking
TikiTests (2.x)
Theme CSS & Smarty
Trackers
Transitions (5.x)
TRIM
User Administration including registration and banning
User Files
User Menu
Watch
WebHelp
WebDAV (5.x)
Webmail
Web Services
Wiki 3D
Wiki History, page rename, etc
Wiki Page Staging and Approval (2.x)
Wiki Plugin extends basic syntax
Wiki Syntax
Wiki structure (book and table of content)
Workspace
WSOD
WYSIWYCA
WYSIWYG (2.x)
XMLRPC


Tiki Newsletter

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other news!
Contribute to Tiki