Social Media sharing links without spying

Stop FB twitter etc spying on our users. We only need the ability for users to click to share on their own social media pages.

http://www.facebook.com/sharer.php?u=yourlink
http://twitter.com/share?text=yourtext&url=yourlink

There are probably similar things for other sites too. Otherwise the share buttons themselves would surely not work?

I found this to inset into pages using the wpcode plug-in:

$post_url   = urlencode( get_permalink() );
$post_title = urlencode( get_the_title() );

$facebook_url = "https://www.facebook.com/sharer/sharer.php?u=$post_url";
$x_url        = "https://twitter.com/intent/tweet?url=$post_url&text=$post_title";
$linkedin_url = "https://www.linkedin.com/shareArticle?mini=true&url=$post_url&title=$post_title";

$social_buttons = '
            <div class="social-share-buttons">
                <a class="social-button" href="' . esc_url( $facebook_url ) . '" target="_blank" aria-label="Share on Facebook" rel="noopener">
                    <svg width="24" height="24" viewBox="0 0 24 24"><path d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.127V8.413c0-3.1 1.894-4.785 4.659-4.785 1.325 0 2.464.099 2.794.143v3.24h-1.918c-1.504 0-1.794.714-1.794 1.763v2.31h3.587l-.467 3.622h-3.12V24h6.116C23.407 24 24 23.407 24 22.675V1.325C24 .593 23.407 0 22.675 0z"/></svg>
                </a>
                <a class="social-button" href="' . esc_url( $x_url ) . '" target="_blank" aria-label="Share on X" rel="noopener">
<svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
</svg>
                </a>
                <a class="social-button" href="' . esc_url( $linkedin_url ) . '" target="_blank" aria-label="Share on LinkedIn" rel="noopener">
                    <svg width="24" height="24" viewBox="0 0 24 24"><path d="M22.23 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.46C23.21 24 24 23.23 24 22.27V1.73C24 .77 23.21 0 22.23 0zM7.12 20.45H3.56V9.02h3.56v11.43zM5.34 7.65c-1.14 0-2.06-.92-2.06-2.06 0-1.14.92-2.06 2.06-2.06s2.06.92 2.06 2.06c0 1.14-.92 2.06-2.06 2.06zM20.45 20.45h-3.56v-5.84c0-1.39-.03-3.18-1.94-3.18-1.94 0-2.24 1.51-2.24 3.07v5.95H9.02V9.02h3.42v1.56h.05c.48-.91 1.66-1.87 3.42-1.87 3.65 0 4.33 2.4 4.33 5.52v6.22z"/></svg>
                </a>
            </div>
        ';

echo $social_buttons;

// Styles for the social sharing buttons.
echo '
    <style>
        .social-share-buttons {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        .social-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: #f1f1f1;
            border-radius: 5px;
            text-decoration: none;
        }
        .social-button svg {
            fill: #555;
        }
        .social-button:hover svg {
            fill: #000;
        }
    </style>
    ';

I previously used Shariff, as a wordpress plug-in. They have a load of stuff on Github. More recently though, the WP plug-in broke the site badly. I since found some script to add to WP-Code plugin instead and that works ok.

Ridiculously Responsive Social Sharing Buttons  are SVG-based and change size depending on screen resolution. Almost no server hit. But this one looks a lot easier to implement!

Advantages: extremely fast, highly customizable, no JavaScript at all. And the parasites get no data from us whatsoever.