Mikes Notes
The Ajabbi website needs a simple way for people to print, email, or share any web page on social media. Tracking is not required, as it is against Ajabbi's privacy policy.
ShareThis is one option, and it's free.
I have some questions.
- Is it safe?
- Why is it free?
- Are there any privacy issues?
- Can any tracking be turned off?
- Is it reliable?
- Is it WAIG accessible?
- How does it compare with other social bookmarking websites?
I concluded that ShareThis was breaching users' privacy. I am now using AddToAny, which anonymises the data collected.
Wikipedia
"A social bookmarking website is a centralized online service that allows users to store and share Internet bookmarks. Such a website typically offers a blend of social and organizational tools, such as annotation, categorization, folksonomy-based tagging, social cataloging and commenting. The website may also interface with other kinds of services, such as citation management software and social networking sites. ..." - Wikipedia
"ShareThis is a technology company headquartered in Palo Alto, CA, with offices in New York, Chicago, and Los Angeles. It offers free website tools and plugins for online content creators. ShareThis collects data on user behavior, and provides this to advertisers and technology companies for ad targeting, analytics, and customer acquisition purposes. ShareThis has an exclusive license with the University of Illinois for patent applications made by co-founder David E. Goldberg. The patents include genetic algorithms and machine learning technologies used for the purposes of information collection and discovery based on a user's sharing behavior. ..." - Wikipedia
Resources
- https://en.wikipedia.org/wiki/List_of_social_bookmarking_websites
- https://en.wikipedia.org/wiki/ShareThis
- https://privacyinternational.org/case-study/4403/tracking-service-sharethis-be-profiled
- https://en.wikipedia.org/wiki/AddToAnyhttps://en.wikipedia.org/wiki/AddToAny
- https://www.addtoany.com/privacy
- https://www.addtoany.com/buttons/for/website
- https://privacyinternational.org/basic-page/618/how-we-use-and-protect-your-data#cookies
- https://sharethis.com/support/installation/share-buttons-html-website/
- https://sharethis.com/support/guides/reinitialize-sharethis-buttons-specific-sharing-parameters/
ShareThis Instructions
- Take control of when to display the buttons, for example, until a modal or pop-up opens up.
- Have different instances of the buttons on the same page with different configurations, for example, if you want to display only the Twitter button on a specific part and the Facebook one on another. Or if you want to have different languages on different sets of buttons.
- Auto refresh share button properties when new links are loaded with share buttons (infinite scroll).
Add <div> and Javascript code
// render the html // load the buttons window.__sharethis__.load('inline-share-buttons', {/* this is where your configurations must be, read the Configuration section */
Once you’ve added the above portion of the code, you’re now able to include any or all of the following configuration options below.
Configuration Options
config = {
alignment: STRING, // left, right, center, justified.
container: STRING, // id of the dom element to load the buttons into
enabled: BOOLEAN,
font_size: INTEGER, // small = 11, medium = 12, large = 16.
id: STRING, // load the javascript into a specific dom element by id attribute
labels: STRING, // "cta", "counts", or "none"
language: STRING // IETF language tag in which the buttons' labels are,
min_count: INTEGER, // minimum amount of shares before showing the count
padding: INTEGER, // small = 8, medium = 10, large = 12.
radius: INTEGER, // in pixels
networks: ARRAY[STRING],
show_total: BOOLEAN,
show_mobile_buttons: BOOLEAN, // forces sms to show on desktop
use_native_counts: BOOLEAN, // uses native facebook counts from the open graph api
size: INTEGER, // small = 32, medium = 40, large = 48.
spacing: INTEGER, // spacing = 8, no spacing = 0.
};
Example
// render the html // load the buttons window.__sharethis__.load('inline-share-buttons', { alignment: 'left', id: 'my-inline-buttons', enabled: true, font_size: 11, padding: 8, radius: 0, networks: ['messenger', 'twitter', 'pinterest', 'sharethis', 'sms', 'wechat'], size: 32, show_mobile_buttons: true, spacing: 0, url: "https://www.sharethis.com", // custom url title: "My Custom Title", language: "en", image: "https://18955-presscdn-pagely.netdna-ssl.com/wp-content/uploads/2016/12/ShareThisLogo2x.png", // useful for pinterest sharing buttons description: "My Custom Description", username: "ShareThis" // custom @username for twitter sharing });
Available Networks
| Social Service | data-network Code |
|---|---|
| Black Lives Matter | blm |
| Blogger | blogger |
| Buffer | buffer |
| Copy Link | copy |
| Diaspora | diaspora |
| Digg | digg |
| Douban | douban |
| Evernote | evernote |
| Gmail | gmail |
| Google Bookmarks | googlebookmarks |
| Hacker News | hackernews |
| Instapaper | instapaper |
| iOrbix | iorbix |
| Kakao | kakao |
| Koo App | kooapp |
| Line | line |
| LiveJournal | livejournal |
| Mail.Ru | mailru |
| Meneame | meneame |
| Messenger | messenger |
| Odnoklassniki | odnoklassniki |
| Outlook | outlook |
| getpocket | |
| Push to Kindle | kindleit |
| Qzone | qzone |
| Refind | refind |
| Renren | renren |
| Skype | skype |
| Surfingbird | surfingbird |
| Telegram | telegram |
| Tencent QQ | tencentqq |
| Threema | threema |
| Trello | trello |
| Tumblr | tumblr |
| Viber | viber |
| VK | vk |
| ShareThis | sharethis |
| Sina Weibo | |
| SMS | sms |
| Snapchat | snapchat |
| WordPress | wordpress |
| Yahoo Mail | yahoomail |
| Yummly | yummly |
Lazy loading and ShareThis tools
The ShareThis tools load/display only the first time the site loads. In case you are using tools like the Image Share Buttons or Video Share Buttons and your site uses lazy loading or similar technologies you will need to reinitialize the tools once newer elements appear.
Since ShareThis searches for the images/embedded videos on that occasion only, and the images closer to the bottom aren’t loaded yet, ShareThis doesn’t know of their existence even if they do load later on, and won’t display the buttons on them.
As a workaround for this, the Javascript code below will check every 3 seconds if any scrolling is done, if so, it will reinitialize the buttons. We are using the scrolling as a way to know if the images have loaded; since the images load once a visitor scrolls to that specific part.
//state variable for scrolling
let scrolling = false;
//in case of scrolling, change the state of the scrolling variable to true
window.onscroll = function() {
scrolling = true;
}
/*create an interval that checks every 3 seconds the state of the scrolling variable, if any scrolling has been done in that interval, reinitialize the buttons*/
setInterval(() => {
if (scrolling) {
scrolling = false;
window.sharethis.initialize()
}
}, 3000);
Notes
Please keep in mind that Open Graph tags will take precedence when sharing on Facebook and other social channels. If linking to a custom URL, please be sure to have Open Graph tags filled out for that page as well.
As with our other tools, we recommend moving the site to live production before giving it a try as there are some resources that aren’t passed during a local/test environment.
Order of Precedence
It is important to remember the order of precedence by which the ShareThis code processes share properties. Generally, we recommend using one approach by which sharing properties are specified on your pages to prevent errors.
- Any dynamically specified JavaScript properties (i.e. highest precedence)
- Properties specified in tags (i.e. second precedence)
- Open Graph Protocol tags (i.e. lowest precedence)
No comments:
Post a Comment