DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:socialcards

SocialCards Plugin

Compatible with DokuWiki

  • 2016-06-26 "Elenor Of Tsort" unknown
  • 2015-08-10 "Detritus" yes
  • 2014-09-29 "Hrun" yes
  • 2014-05-05 "Ponder Stibbons" yes

plugin Adds social media cards to your wiki pages

Last updated on
2016-04-25
Provides
Action
Repository
Source

Adds social media cards (Twitter cards) and OpenGraph metadata (used amongst others by Facebook and Google+) to your wiki pages.

Installation

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

After installation and configuration you need to validate your card with Twitter. Go to https://cards-dev.twitter.com/validator and paste in a URL from your Wiki. Once you have previewed the card, Twitter will white list your website and start serving Twitter Cards in tweets.

Previously Twitter required approval to use cards, however this is now only necessary for 'Player' Cards – those with videos/audio.

Configuration and Settings

In the config panel the Twitter name used for the site and optionally that of an author should be entered, also you will want to update the language and fall back image. Optionally you can enter a Facebook App ID.

Since OpenGraph is based on RDF you need/may want to add the namespaces to your template to keep your pages syntactically valid and semantically correct. This should be done for the pages: main.php, mediamanager.php and detail.php pages of your template.

For (x)html 4 templates add the following namespaces to the html tag:

xmlns:og="http://ogp.me/ns#" 
xmlns:fb="http://ogp.me/ns/fb#" 
xmlns:article="http://ogp.me/ns/article#" 
xmlns:place="http://ogp.me/ns/place#"

Which would then look something like:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#" xmlns:article="http://ogp.me/ns/article#" xmlns:place="http://ogp.me/ns/place#">

For (x)html 5 templates add the following namespace prefixes to the head tag:

prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# 
article: http://ogp.me/ns/article# place: http://ogp.me/ns/place#"

Which would then look something like:

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article# place: http://ogp.me/ns/place#">

Development

Change Log

plugin/socialcards.txt · Last modified: 2016-04-25 09:23 by mprins