User Tools

Site Tools


Navigation Menu

Flight-Control

  • StatusClosed
  • OP-ModePre-Launch
  • LocationN48 - E11
  • Localtime22:24
  • CountdownT-00D 00:00

Hot Projects

SEEDStack

SEEDStack - Open 3D printable seed/sprouting systemDIY Food Hacking

UCSSPM

UCSSPM - Unified Clear-Sky Solar Prediction ModelOpen Solar Power

picoReflow

picoReflow - DIY PID Reflow Oven Controller based on RaspberryPiDIY Reflow Soldering

PiGI

PiGI - DIY Geiger Counter based on RaspberryPiRasPi Geiger Counter

DIY ARA-2000

Active Wideband Receiver Antenna for SDR - ARA-2000Wideband Antenna

DSpace

DSPace - Map everythingMap everything!

Mission-Tags

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

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

CSS

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

Image

Mission-Log entry created by chrono on 2012/03/19 00:57 UTC

Discussion

elf Pavlik
2012/03/27 01:29
how about using OExchange?
http://www.oexchange.org/demo/

Comment text

Please type the letters you see on the left into the box on the right:

   __   _      __     __   __ __   __ 
  / /  | | /| / / __ / /  / // /  / / 
 / /__ | |/ |/ / / // /  / _  /  / /__
/____/ |__/|__/  \___/  /_//_/  /____/