Back to top

Storify button

Storify this button

The Storify button can be associated with any permanent media or text on the web. Clicking the Storify button sends the associated content to the user's Storypad, allowing them to easily include it in their stories.

Usage

Parameters

Examples


Usage

You can add the Storify button to your site by putting the following script in the head of your page:

<script src="//storify.com/js/storifythis.js"></script>

You can then include the anchors with the storify-this class alongside any content you want to make 'Storifyable':

<a href="$URL_TO_IMPORT" class="storify-this">[Storify]</a>

Where $URL_TO_IMPORT is the permalink of the page that you want to import in a story.


Parameters

You can adjust different optional parameters by adding data- attributes in the <a href=""></a> tag:

AttributeDefinitionDefault value
data-titleTitle of the pagetitle of the page at URL_TO_IMPORT
data-quoteA quote to associate with the contentmeta property description of the page at URL_TO_IMPORT
data-imageImage of the pagemeta property og:image of the page at URL_TO_IMPORT
data-viaURL of the referrerURL of the page where the button is
data-langLanguage for the interface (not implemented yet)en


Examples:

<a class="storify-this" href="http://nytimes.com/2011/04/25/technology/internet/25storify.html" data-via="http://twitter.com/xdamman" data-lang="en">[Storify this nytimes article]</a> 

<a class="storify-this" href="http://twitter.com/#!/newsycombinator/status/69899876112150529" data-via="techcrunch" data-lang="en">[Storify this tweet]</a> 

<a class="storify-this" href="http://www.slideshare.net/xdamman/storytelling-using-javascript-html5-css3" data-oembed="http://www.slideshare.net/api/oembed/1?url=http://www.slideshare.net/xdamman/storytelling-using-javascript-html5-css3&format=json">[Storify this slideshare]</a>

<a class="storify-this" href="http://www.youtube.com/watch?v=bDOYN-6gdRE">[Storify this video]</a>