Home
API
API
AddInto button customization
Here's the code to place into your page, preferably just before the closing tag </body>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
| Variable | Type | Description | Default |
|---|---|---|---|
|
ai2_bkmk |
String |
Customizing the dropdown menu services Example : <script type="text/javascript"> ai2_bkmk = "Twitter, Facebook, Google"; </script> |
 |
|
ai2_bkmks |
String |
Customizing the box services Example : <script type="text/javascript"> ai2_bkmks = "Twitter, Facebook, Google"; </script> |
|
|
ai2_custom_bkmks |
Array |
Add custom services to the lightbox Example : <script type="text/javascript"> ai2_custom_bkmks = [ ["Example1", "http://www.example.com/?url={AI2_URL}&title={AI2_TITLE}", "http://www.example.com/icon1.gif"], ["Example2", "http://www.example.com/?url={AI2_URL}&title={AI2_TITLE}", "http://www.example.com/icon2.gif"] ]; </script> |
- |
|
ai2_priority_bkmks |
String |
Specify the services you want to display before all others in the lightbox Example : <script type="text/javascript"> ai2_priority_bkmks = "Twitter, Facebook, Google"; </script> |
- |
|
ai2_exclude_bkmks |
String |
Specify the services you want to exclude from the dropdown menu and the lightbox Example : <script type="text/javascript"> ai2_exclude_bkmks = "email, twitter, more"; </script> |
- |
|
ai2_lg |
String |
Language service: "fr" for French, "en" for English, "el" for Greek Example : <script type="text/javascript"> ai2_lg = "fr"; </script> |
The browser language |
|
ai2_hide_embeds |
Boolean |
Hide embedded objects (like flash) when the dropdown menu or the box are displayed Example : <script type="text/javascript"> ai2_hide_embeds = true; </script> |
false |
|
ai2_per_page |
Integer |
Number of services to display per page in the box Example : <script type="text/javascript"> ai2_per_page = 20; </script> |
32 |
|
ai2_cols |
Integer |
Number of columns to display in the box Possible values : 2, 3, 4, 5, 6 Example : <script type="text/javascript"> ai2_cols = 3; </script> |
4 |
|
ai2_css_txt |
Hex |
Customizing "Bookmark / Share" and "Powered by AddInto" color Example : <script type="text/javascript"> ai2_css_txt = "000000"; </script> |
|
|
ai2_css_border |
Hex |
Customizing the border color Example : <script type="text/javascript"> ai2_css_border = "0066FF"; </script> |
|
|
ai2_css_link |
Hex |
Customizing link text color Example : <script type="text/javascript"> ai2_css_link = "FF0000"; </script> |
|
|
ai2_css_link_hover |
Hex |
Customizing link text hover color Example : <script type="text/javascript"> ai2_css_link_hover = "FFFFFF"; </script> |
|
|
ai2_css_button_hover |
Hex |
Customizing button hover color Example : <script type="text/javascript"> ai2_css_button_hover = "FF6600"; </script> |
|
|
ai2_css_wrapper_bg |
Hex |
Customizing wrapper background color Example : <script type="text/javascript"> ai2_css_wrapper_bg = "3399CC"; </script> |
|
|
ai2_email_tpl |
Array |
Allows you to customize the content of the email, following variables can be used : {AI2_TITLE} : title of the shared page {AI2_URL} : adress of the shared page {AI2_FROM} : sender's email address {AI2_COMMENT} : comment left by the sender Example : <script type="text/javascript"> ai2_email_tpl = [ "Hello,", "", "{AI2_FROM} invites you to visit this page:", "Title : {AI2_TITLE}", "URL : {AI2_URL}", "", "{AI2_COMMENT}", "", "Best regards", "AddInto" ]; </script> |
- |
|
ai2_bkmks_left |
Integer |
Specifies (in number of pixels) the left offset of the dropdown menu Example : <script type="text/javascript"> ai2_bkmks_left = 10; </script> |
0 |
|
ai2_bkmks_top |
Integer |
Specifies (in number of pixels) the top offset of the dropdown menu Example : <script type="text/javascript"> ai2_bkmks_top = 10; </script> |
0 |
|
ai2_twitter_via |
String |
Screen name of the user to attribute the Tweet to Example : <script type="text/javascript"> ai2_twitter_via = "AddInto"; </script> |
AddInto |
|
ai2_track_links |
String |
Allows you to use a URL shortener and get statistics Goo.gl - Usage : ai2_track_links = 'googl|api_key'; ai2_track_links = 'googl|AIzaSyCoQsUo_RYpYE4nmRI17eJcAHeRxqM0I0g'; - Get API key : https://code.google.com/apis/console/ Bit.ly - Usage : ai2_track_links = 'bitly|your_username|api_key'; ai2_track_links = 'bitly|addinto|R_1f09ee0d33c91514458fc6664172aaa8'; - Get API key : http://bit.ly/a/your_api_key/ Example : <script type="text/javascript"> ai2_track_links = 'bitly|addinto|R_1f09ee0d33c91514458fc6664172aaa8'; </script> |
- |