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:

    <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>

.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; }