User Tools

Site Tools


Navigation Menu

Flight-Control

<
Previous mounth
09/25/2023
>
Next mounth
SMTWFTS
39
24
24
25
25
2627282930
4001020304050607
4108091011121314
4215161718192021
4322232425262728









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

Discussion

elf Pavlik, 2012/03/27 01:29
how about using OExchange?
http://www.oexchange.org/demo/
Enter your comment. Wiki syntax is allowed:
G L L S W