User Tools

Site Tools

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
mission:log:2012:03:19:sharing-is-caring-not-tracking [2012/03/19 08:08] – [Sharing is caring - not tracking] chronomission:log:2012:03:19:sharing-is-caring-not-tracking [2013/06/05 14:34] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== Sharing is caring - not tracking ======
  
 +Operating and providing a website for a project always inherently leads to finding ways, to let more people know about your content. Social media bookmarking is a great way to do just that. But, as every so often, many people compromise comfort for reasonable security, including some javascript $social_media_provider offers to //easily integrate// it, allowing $social_media_provider to track each visit a user makes on **any other** website, that includes just the button/badge. Most users aren't even aware of the fact that this is happening in the background.
 +
 +===== =====
 +
 +You can protect your visitors privacy and still let users socially spread the word about you easily by implementing static social media buttons, dokuwiki had no //good// plugin available, but you can always hack your template, simply like this:
 +
 +===== Quick template & css hack =====
 +
 +==== PHP/HTML ====
 +
 +<sxh html; toolbar: false>
 +    <div class="sm">
 +    <p>Please share what you like:</p>
 +    <ul>
 +      <li class="tw-single">
 +       <a rel="nofollow" href="https://twitter.com/intent/tweet?source=webclient&text=<?php print (rawurlencode(strip_tags($this_p_title))); ?>%20<?php print (rawurlencode(strip_tags(getFullURL()))); ?>" target="blank" title="Share via Twitter">
 +        <span>Twitter</span>
 +       </a>
 +      </li>
 +      <li class="fb-single">
 +       <a rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;t=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Facebook">
 +        <span>Facebook</span>
 +       </a>
 +      </li>
 +      <li class="gp-single">
 +       <a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=de&url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Google+">
 +        <span>Google+</span>
 +       </a>
 +      </li>
 +      <li class="red-single">
 +       <a rel="nofollow" href="https://reddit.com/submit?url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Reddit">
 +        <span>Delicious</span>
 +       </a>
 +      </li>
 +      <li>
 +       <a href="https://www.xing.com/app/user?op=share;url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>;provider=<?php print (rawurlencode('Apollo-NG')); ?>" target="blank"  title="Share via XING">
 +        <span>XING</span>
 +       </a>
 +      </li>
 +     </ul>
 +    <div class="clear"></div>
 +   </div>
 +</sxh>
 +
 +==== CSS ====
 +
 +<sxh css; toolbar: false>
 +.sm        {margin-bottom: 19px; padding-right: 0; width: 194px;}
 +.sm p      {font-weight: bold; font-size: 11px; margin-bottom: 12px !important;}
 +.sm ul     {list-style: none; line-height: 24px; margin: 5px 0 15px 0; padding-left: 0;}
 +.sm li     {display: inline;}
 +.sm a      {float: left; width: 24px; height: 24px; margin-right: 14px; opacity:0.5; background: url('/lib/tpl/apollo/images/sm-link.png') no-repeat; border-bottom: none !important;}
 +.sm span   {display: none;}
 +
 +.tw-single a   {background-position: left -26px;}
 +.fb-single a   {background-position: left -52px;}
 +.gp-single a   {background-position: left -78px;}
 +.red-single a  {background-position: left -104px;}
 +
 +.sm a:hover {position: relative; top: -3px; border-bottom: 1px solid #f0f0f0; opacity:1.0;}
 +
 +div.dokuwiki .sm ul { margin: 0 0 0 0; }
 +</sxh>
 +
 +==== Image ====
 +
 +{{:mission:log:2012:03:sm-link.png|}}
 +
 +
 +
 +{{tag>software social bookmarking sharing security tracking}}
 +
 +
 +~~DISCUSSION~~
Trace:

Page Tools