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
mission:log:2012:03:19:sharing-is-caring-not-tracking [2012-03-19 08:17] – [CSS] 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