ShareThis http://support.sharethis.com Just another WordPress weblog Mon, 18 Jan 2010 15:46:02 +0000 http://wordpress.org/?v=2.3 en How do I get the ShareThis Bar? http://support.sharethis.com/developers/developers-faq/142 http://support.sharethis.com/developers/developers-faq/142#comments Fri, 08 Jan 2010 20:48:31 +0000 admin http://support.sharethis.com/developers/developers-faq/142 SHARETHIS.addEntry({ title: "How do I get the ShareThis Bar?", url: "http://support.sharethis.com/developers/developers-faq/142" }); ]]> With this implementation, publishers are now able to present a select number of social web services “outside” of the button and directly on the page, while still leveraging the ShareThis tracking technology and maintaining the ShareThis experience. For example, a publisher can include Email, Facebook and Twitter buttons on the page next to the ShareThis button.

In order to begin, please follow the steps below:

Step 1

To begin, you will need to include ShareThis JS code in the header of your page. Below is an example of the code.
<script type=”text/javascript” src=”http://w.sharethis.com/button/sharethis.js#publisher=00000000-0000-0000-0000-000000000000&type=website&button=false”></script>

Step 2

In order to display and track the social web services outside of the ShareThis button, you will need to define the HTML elements on the page. The services which can be “pulled out” of the ShareThis widget are Email, Facebook, Digg, Twitter and Yahoo! Buzz. Below is an example of what your code should look like for each service.
<a id=”ck_email” class=”chicklet” href=”javascript:void(0);”><img src=”http://farm1.static.flickr.com/92/211633454_5a625e2d1d.jpg” />Email</a>
<a id=”ck_facebook” class=”chicklet” href=”javascript:void(0);”><img src=”http://www.facebook.com/favicon.ico” />Facebook</a>
<a id=”ck_digg” class=”chicklet” href=”javascript:void(0);”><img src=”http://digg.com/favicon.ico” />Digg</a>
<a id=”ck_twitter” class=”chicklet” href=”javascript:void(0);”><img src=”http://twitter.com/favicon.ico” />Twitter</a>
<a id=”ck_ybuzz” class=”chicklet” href=”javascript:void(0);”><img src=”http://buzz.yahoo.com/favicon.ico” />Buzz Up!</a>
<a id=”ck_sharethis” class=”chicklet” href=”javascript:void(0);”><img src=”http://sharethis.com/favicon.ico” />ShareThis</a>
The above example is using standard images for each service; you are able to define the image by changing the source location.

Step 3

Finally, you will need to define the shared object via SHARETHIS.addEntry() call and attach the appropriate button and social web service chicklets. Below is the code that needs to go in the <body> of your page.
<script type=”text/javascript”>
var shared_object = SHARETHIS.addEntry({
title: “My Article”,
url: “http://domain.com/article.html”
});

shared_object.attachButton(document.getElementById(”ck_sharethis”));
shared_object.attachChicklet(”email”, document.getElementById(”ck_email”));
shared_object.attachChicklet(”facebook”, document.getElementById(”ck_facebook”));
shared_object.attachChicklet(”digg”, document.getElementById(”ck_digg”));
shared_object.attachChicklet(”twitter”, document.getElementById(”ck_twitter”));
shared_object.attachChicklet(”yahoo_buzz”, document.getElementById(”ck_ybuzz”));
</script>

Sample HTML

<html>
<head>
<title>ShareThis Chicklet Test</title>
<script type=”text/javascript” src=”http://w.sharethis.com/button/sharethis.js#publisher=00000000-0000-0000-0000-000000000000&type=website&button=false”></script>
<style type=”text/css”>
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

a.chicklet img {
border: 0;
height: 16px;
width: 16px;
margin-right: 3px;
vertical-align: middle;
}

a.chicklet {
height: 16px;
line-height: 16px;
margin-right: 6px;
}
</style>
</head>

<body>
<a id=”ck_email” class=”chicklet” href=”javascript:void(0);”><img src=”http://farm1.static.flickr.com/92/211633454_5a625e2d1d.jpg” />Email</a>
<a id=”ck_facebook” class=”chicklet” href=”javascript:void(0);”><img src=”http://www.facebook.com/favicon.ico” />Facebook</a>
<a id=”ck_digg” class=”chicklet” href=”javascript:void(0);”><img src=”http://digg.com/favicon.ico” />Digg</a>
<a id=”ck_twitter” class=”chicklet” href=”javascript:void(0);”><img src=”http://twitter.com/favicon.ico” />Twitter</a>
<a id=”ck_ybuzz” class=”chicklet” href=”javascript:void(0);”><img src=”http://buzz.yahoo.com/favicon.ico” />Buzz Up!</a>
<a id=”ck_sharethis” class=”chicklet” href=”javascript:void(0);”><img src=”http://sharethis.com/favicon.ico” />ShareThis</a>

<script type=”text/javascript”>
var shared_object = SHARETHIS.addEntry({
title: document.title,
url: document.location.href
});

shared_object.attachButton(document.getElementById(”ck_sharethis”));
shared_object.attachChicklet(”email”, document.getElementById(”ck_email”));
shared_object.attachChicklet(”facebook”, document.getElementById(”ck_facebook”));
shared_object.attachChicklet(”digg”, document.getElementById(”ck_digg”));
shared_object.attachChicklet(”twitter”, document.getElementById(”ck_twitter”));
shared_object.attachChicklet(”yahoo_buzz”, document.getElementById(”ck_ybuzz”));
</script>
</body>
</html>
This is a basic overview of how the ShareThis bar works, you’ll need to customize the code to fit your needs and the design of your website or blog.

ShareThis

]]> http://support.sharethis.com/developers/developers-faq/142/feed How do I disable the widget opening on mouseover? http://support.sharethis.com/publishers/publishers-faq/new-widget/141 http://support.sharethis.com/publishers/publishers-faq/new-widget/141#comments Mon, 14 Dec 2009 21:50:09 +0000 admin http://support.sharethis.com/publishers/publishers-faq/new-widget/141 SHARETHIS.addEntry({ title: "How do I disable the widget opening on mouseover?", url: "http://support.sharethis.com/publishers/publishers-faq/new-widget/141" }); ]]> The widget opens on mouseover by default.  To change this, add ‘&onmouseover=false” to your ShareThis widget code.  Here’s an example of what it might look like:

<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=123456-7890a-bcdefg-hijkl&type=website&onmouseover=false"></script>

ShareThis

]]> http://support.sharethis.com/publishers/publishers-faq/new-widget/141/feed How can I use the shar.es URL to see the underlying domain? http://support.sharethis.com/social/get_started/116 http://support.sharethis.com/social/get_started/116#comments Sat, 23 May 2009 03:20:34 +0000 admin http://support.sharethis.com/uncategorized/116 SHARETHIS.addEntry({ title: "How can I use the shar.es URL to see the underlying domain?", url: "http://support.sharethis.com/social/get_started/116" }); ]]> As part of the ShareThis product offering to our publishers, we provide analytics on how much traffic we generated for each share from their site. In order to properly track this sharing activity, we have implemented our own URL shortening service.

Users and publishers can continue to share normally from any web page or their browser plugin/bookmarklet without any action taken on your part.

If you wish to display information to users about the URL’s source domain, then please use one for the options below.

Option 1:Parse a query parameter on a URL that allows us to indicate the domain from which the shared URL originates:

Example: http://www.yoursite.com ?url=http://share.es/xyz&title=ExampleArticle&domain=example.com
Sharing services site (e.g. digg, delicious, technorati, etc) = http://www.yoursite.com
Shortened URL shared to yoursite.com = http://share.es/xyz
Title of the URL article = ExampleArticle
Domain of the URL article = Example.com

Option 2:Get the URL domain from a valid URL check:
Using the above example, the shared URL, http://share.es/xyz, already points to the domain example.com.
You should be able to identify the domain example.com when it resolves to http://shar.es/xyz.

If you have any questions, then please contact us at feedback@sharethis.com

ShareThis

]]> http://support.sharethis.com/social/get_started/116/feed How can I get my service in the ShareThis widget? http://support.sharethis.com/social/get_started/115 http://support.sharethis.com/social/get_started/115#comments Sat, 23 May 2009 02:45:05 +0000 admin http://support.sharethis.com/social/social-faq/getting_started-social-faq-social/115 SHARETHIS.addEntry({ title: "How can I get my service in the ShareThis widget?", url: "http://support.sharethis.com/social/get_started/115" }); ]]> submit a service

ShareThis

]]> http://support.sharethis.com/social/get_started/115/feed How do I import my contacts? http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/112 http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/112#comments Thu, 26 Mar 2009 18:04:21 +0000 admin http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/112 SHARETHIS.addEntry({ title: "How do I import my contacts?", url: "http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/112" }); ]]> Users are able to import their contacts by clicking on the “Import Contacts” link located in the Send and Contact Manager screens.

ShareThis

]]> http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/112/feed How do I access my Contact Manager? http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/111 http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/111#comments Thu, 26 Mar 2009 18:03:56 +0000 admin http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/111 SHARETHIS.addEntry({ title: "How do I access my Contact Manager?", url: "http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/111" }); ]]> When you are signed into your account, you are able to access your contact manager in a couple of places.  On the initial ShareThis screen, you can click on the “Contacts” link in the upper right corner.  In addition, by clicking the Contact Manager icon on the Send screen, you will be taken to your contact manager.

ShareThis

]]> http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/111/feed What is the “Recent” feature? http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/110 http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/110#comments Thu, 26 Mar 2009 18:03:37 +0000 admin http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/110 SHARETHIS.addEntry({ title: "What is the “Recent” feature?", url: "http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/110" }); ]]> As registered ShareThis users share content, we will display the three most recently used email and Text Message addresses. This provides a quicker sharing experience for more frequent sharing. If you are registered with ShareThis, your recent contacts appear above the To field.

ShareThis

]]> http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/110/feed What is the ShareBox? http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/109 http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/109#comments Thu, 26 Mar 2009 18:03:04 +0000 admin http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/109 SHARETHIS.addEntry({ title: "What is the ShareBox?", url: "http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/109" }); ]]> The ShareBox is a place where registered ShareThis users’ shared content is stored.  If you want to retrieve something you have shared in the past, share it again or would like to tag and organize your shares, this can all be done within the ShareBox.  In addition, we now allow users to save and tag content directly to their ShareBox from within the widget for easy searching later.

If you do not have a ShareThis account, please create your own today.

ShareThis

]]> http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/109/feed Will my existing ShareThis account work with the new widget? http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/108 http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/108#comments Thu, 26 Mar 2009 18:02:37 +0000 admin http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/108 SHARETHIS.addEntry({ title: "Will my existing ShareThis account work with the new widget?", url: "http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/108" }); ]]> You do not need to register for a new account. Your contacts and sharing history will all be maintained with the new widget design.

ShareThis

]]> http://support.sharethis.com/users/users-faq/new-widget-users-faq-users/108/feed Where did my tabs go? http://support.sharethis.com/publishers/publishers-faq/new-widget/107 http://support.sharethis.com/publishers/publishers-faq/new-widget/107#comments Thu, 26 Mar 2009 18:02:01 +0000 admin http://support.sharethis.com/publishers/publishers-faq/new-widget/107 SHARETHIS.addEntry({ title: "Where did my tabs go?", url: "http://support.sharethis.com/publishers/publishers-faq/new-widget/107" }); ]]> Flattening the widget to provide a tab-free environment allows users to see all the sharing options you offer upon opening the widget. This should optimize and increase sharing on your site.

ShareThis

]]> http://support.sharethis.com/publishers/publishers-faq/new-widget/107/feed