Customize
INK is very easy to customize. By default, INK initialize itself leaving you with the default settings for everything, but INK comes with a complete list of customization options.
How-to customize
To customize INK, just initialize it with the settings you want to customize.
Example
<html>
<head></head>
<body>
...
<script type="text/javascript" charset="utf-8"> var ink_license = 'Your license key'; </script>
<script src="path/to/your/js/INK.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
ink.init(
{
copied_content_text_layout: "“{copied_content}”\n\rRead more on:\r\n{page_url}",
share_your_copy_label: "Partager:"
}
);
</script>
</body>
</html>
Options
Name |
Value |
Description |
copied_content_text_layout |
“{copied_content}”\n\rRead more about {title} on:\r\n{page_url} |
Type: String
Description: When content is copied, it is reformated in that format.
|
copied_content_media_layout |
{copied_content}<p>Found on: <a href="{page_url}">{title}</a></p> |
Type: String Description: When media are copied, they are reformated in the following format. |
notice_content_markup |
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="float: left; margin: 0 5px 5px 0;"><img src="http://ink.nmfe.co/images/ink_small_logo.gif" /></a>
<a href="#" onclick="ink.hide_notice(); return false;" style="color: #999;position: absolute; right: 10px; top: 5px; font-size: 10px;">Close</a>
<p style="color: #999; margin: 0 0 10px 0; font-size: 12px;">
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999;">INK</a> has been applied to the content you copied.<br />
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">What is INK?</a> | <a href="http://ink.nmfe.co/set-status.php?status=off&utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">Disable INK</a>
</p>
|
Type: String Description: Markup for the notice that is displayed when someone copies content. |
notice_content_media |
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="float: left; margin: 0 5px 5px 0;"><img src="http://ink.nmfe.co/images/ink_small_logo.gif" /></a>
<a href="#" onclick="ink.hide_notice(); return false;" style="color: #999;position: absolute; right: 10px; top: 5px; font-size: 10px;">Close</a>
<p style="color: #999; margin: 0 0 10px 0; font-size: 12px;">
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999;">INK</a> has detected that you copied a {content_type}.<br />
<a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">What is INK?</a> | <a href="http://ink.nmfe.co/set-status.php?status=off&utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">Disable INK</a>
<br style="clear:left;" />Please give credit to the content owner by using the following HTML for your blog or site.<br /><textarea style="width:330px;height:70px;margin-top:5px;font-size:10px;font-family:arial" onclick="this.select();">{currated_content}</textarea>
</p>
|
Type: String Description: Markup for the notice that is displayed when some copies media content. |
share_your_copy_label |
Share your copy: |
Type: String Description: Copy for the sharing tools. |
styling |
{ border_radius: 10 } |
Type: Object Description: Border-radius of the notice that is displayed when someone copied content. |
google_analytics |
{
utm_source:'INK',
utm_medium:'copy',
utm_campaign:'share'
}
|
Type: Object Description: Custom Google Analytics tracking code to be appended to the shared link. |
sharing |
true |
Type: Boolean Description: Activate the sharing tools |
twitter |
{
username : false
}
|
Type: Object Description: Twitter user to be credited when someone shares on Twitter. |
onBeforeCopy |
function(){ } |
Type: Function Description: Code to be executed before content is copied. |
onAfterCopy |
function(){ } |
Type: Function Description: Code to be executed after content is copied. |
urlshortener |
{
/*
To get started you'll need a free bit.ly user account and API key - sign up at:
http://bit.ly/account/register?rd=/
Quickly access your private API key once you are signed in at:
http://bit.ly/account/your_api_key
*/
bitly : {
'active' : false
}
|
Type: Object Description: URL shortener service to use. |
dom_nodes_excluded |
['img','object','embed','video','pre','iframe','textarea'] |
Type: Array Description: HTML nodes on which you don't want INK applied when content is copied. |
class_excluded |
['no-ink'] |
Type: Array Description: CSS classes on which you don't want INK applied when content is copied. |