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

Add the Storify button to your site by adding the following script to 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

Adjust optional parameters by adding data- attributes in the <a href=""></a> tag:

AttributeDefinitionDefault value
data-titleTitle of the page.Title of the page at URL_TO_IMPORT.
data-quoteA quote to associate with the content.Meta property description of the page at URL_TO_IMPORT.
data-imageImage of the page.Meta property og:image of the page at URL_TO_IMPORT.
data-viaURL of the referrer.URL of the page where the button is.
data-langLanguage for the interface (not yet implemented).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>