Do these buttons track my visitors?
No. They are ordinary links. The official share widgets from Facebook and X load third-party JavaScript that can set cookies and fingerprint every visitor who merely sees the page, not only those who click. These links do nothing at all until someone clicks them, which is also why they cost you no page-load weight and need no cookie consent.
Why does my share title not appear on Facebook or LinkedIn?
Because their share endpoints only accept the URL. Facebook's sharer.php and LinkedIn's share-offsite both fetch the target page and read the Open Graph tags to build the preview. To control what appears, set og:title, og:description, and og:image on the page you are sharing. The title field here only affects X, Reddit, WhatsApp, and email.
How do I make the button share the current page instead of a fixed URL?
Replace the URL inside the href with your template's current-permalink variable. In practice that means swapping the encoded URL for something like {{ page.url | absolute_url | url_encode }} in Jekyll, or the equivalent in your framework, so each post's buttons point at that post.
Can I add icons instead of text labels?
The snippet gives you plain anchors with an inline style. Add an inline SVG icon inside the anchor tag and it will sit alongside or replace the label. Keep the accessible name, either as visible text or an aria-label, so a screen reader announces which network the link goes to.
Why is rel=noopener noreferrer on every link?
noopener stops the page you open from getting a reference back to your page through window.opener, which is a real hijacking vector on older browsers. noreferrer additionally suppresses the Referer header. The email link is the exception, since a mailto should hand off to the mail client in place rather than opening a tab.