Vielleicht ein anderes Plugin für die Social Icons einsetzen?
https://de.wordpress.org/plugins/ultimate-social-media-icons/
Das liefert z. B. ein Icon „Teilen“ mit.
Danke, aber das ist nicht das was ich suche, das bekannte „Teilen-Icon“ mit den 3 Punkten + zwei Linien (so wie ich es bspw. im FF-Browser auf meinem android-Gerät auf tagesschau.de in der Suchleiste sehe) ist da nicht dabei. Allenfalls vielleicht bei Premium, aber Geld will ich dafür keins ausgeben.
Es sollte möglichst so funktionieren, dass wenn man das auf dem Desktop anklickt, die URL der Seite in die Zwischenablage kopiert wird (mit kurzem Hinweis),
Ich dachte, du meinst so etwas
Danke, aber das ist es nicht. Für Desktop würde das reichen, aber es soll ja auch auf mobilen Geräten (mit demselben Icon) funktionieren. Auf wetteronline.de hab ich das gestern so gesehen, das hat mir gefallen, aber heute ist dieses Icon wieder weg. Is aber nicht weiter tragisch, davon geht die Welt nicht unter. Trotzdem Danke. Vielleicht krieg ich ja mit KI doch noch was zusammen geschnitzt.
Meinst du bei wetteronline.de diese Buttons hier?
https://snipboard.io/57nPUu.jpg
Die schweben am linken Rand mit, zumindest am Desktop.
Derzeit sind auf deiner Seite einfache Social Icons zu sehen über die du deine dortigen Seiten / Inhalte verlinken könntest. Das ist, wie du schon richtig erkannt hast, nicht die Teilen-Funktion über die Besucher deiner Seite diese an ihre eigenen Follower in den jeweiligen Plattformen teilen können.
Es gibt durchaus Plugins, die so ein Teilen ermöglichen. Dieses hier z.B.: https://de.wordpress.org/plugins/add-to-any/ – aber: das ist nicht datenschutzkonform, da bei jedem Aufruf der Website eine externe URL aufgerufen wird. Leider hat sich das auch nach Jahren nicht geändert.
Eine andere Möglichkeit wäre dieses hier: https://de.wordpress.org/plugins/shariff/ – das ist laut eigener Beschreibung datenschutzkonform.
Du kannst aber auch hier die Liste einfach nochmal anschauen: https://de.wordpress.org/plugins/tags/share-buttons/
Meinst du bei wetteronline.de diese Buttons hier?
https://snipboard.io/57nPUu.jpg
Danke für die ausführliche Antwort. Nein, das meine ich nicht, ich meine das hier:
https://drive.google.com/file/d/1SKkvWK7cBwEpZNJgcBgP9WI6pZC1OXFy/view?usp=drive_link
https://www.wetteronline.de/wetter/immenstadt-i-allgaeu
Heute ist das Icon wieder da, gestern war das nicht da.
Aber wenn das u.U. Probleme mit DS bereiten könnte, würde ich das lieber lassen. So wichtig ist das nicht, als dass ich mir hiermit noch Probleme einfangen wollte. Bei der Internetseite gibt es vermutlich ein paar Leute, die nur darauf lauern, bis sie mir was anhängen können. Und da ich in der Thematik nicht wirklich sattelfest bin, gehe ich lieber möglichst kein Risiko ein.
Den Button den du da meinst, dient nicht zum direkten Teilen. Er kopiert lediglich die aufgerufene URL in die Zwischenablage des Nutzers, so dass der dann selbst die URL in der von ihm gewünschten Umgebung teilen kann. Das ist tatsächlich kein echter Teilen-Button, wie ich ihn verstehen würde und wie er für Besucher einfacher nutzbar wäre. Interessanterweise gibt es auch dazu Plugin: https://de.wordpress.org/plugins/tags/copy-button/ – das lässt sich denke ich auch ganz ohne Datenschutzproblematik einbinden.
Die Datenschutzproblematik bei den anderen Teilen-Button entsteht bei diesen Tools nur dadurch, dass sie externe Dateien einbinden um das Teilen zu ermöglichen. Theoretisch wäre das nicht unbedingt notwendig, viele machen es aber so, da es für sie einfacher erscheint. Das letztgenannte Plugin ist durchaus eine Möglichkeit.
Den Button den du da meinst, dient nicht zum direkten Teilen. Er kopiert lediglich die aufgerufene URL in die Zwischenablage des Nutzers
Auf einem Desktop stimmt das, da geht´s wohl auch nicht anders, als dass die URL kopiert wird. Aber bei mobilen Geräten, öffnet das Icon Vorschläge von Apps auf dem Gerät des Nutzers, mit denen man etwas teilen könnte. Probiers mal mit nem Handy aus, dann weißt Du was ich meine. 🙂
Oh, jetzt sehe ich es. Stark. Laut Quellcode scheint das aber eine Eigenentwicklung dort zu sein. Mir ist kein Button bekannt der das in WordPress machen kann. Aber kannst dir o.g. Link ja mal anschauen, ich kenne auch nicht alles 😉
Alles prima, besten Dank. Wie gesagt, so wichtig ist das auch nicht, ich hätte nicht gedacht, dass das so kompliziert sein könnte. Ich dachte einfach HTML Block im Footer einfügen, Code dazu und fertig, aber so einfach ist es wohl doch nicht. Wenn´s so gegangen wäre, hätte ich es gemacht, aber da jetzt noch ewig dran rumzuschnitzen, ist es mir dann auch nicht wert. Falls ich doch noch so eine Lösung finden sollte, dann poste ich sie hier. Bis dahin markiere ich den Thread mal als gelöst.
Besten Dank nochmal, und VG,
Sven
ich hab zwar keine Ahnung von nix, aber so scheint´s zu klappen wie gewünscht:
zus. css
.footer-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
text-decoration: none;
white-space: nowrap;
line-height: 1;
margin-top: 8px;
}
.footer-share-icon-box {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.footer-share-icon {
width: 18px;
height: 18px;
display: block;
}
.footer-share-icon {
width: 24px;
height:
display: block;
object-fit: contain;
}
.footer-share-text {
color: #ffffff;
font-size: 13px;
line-height: 1;
}
HTML1 im Footer
<a id="share-btn" class="footer-share-btn" href="#">
<img class="footer-share-icon" src="https://mietrecht-eigenbedarfskündigung.de/wp-content/uploads/2026/03/Share_Icon-removebg-preview3.png" alt="Teilen" />
<span class="footer-share-text" style="font-size: 14pt; color: #00ff00;">Seite teilen</span>
</a>
und code snippet
add_action('wp_footer', function() {
?>
<script>
document.addEventListener('DOMContentLoaded', function () {
var btn = document.getElementById('share-btn');
if (!btn) return;
btn.addEventListener('click', function (e) {
e.preventDefault();
var url = window.location.href;
var title = document.title;
if (navigator.share) {
navigator.share({ title: title, url: url });
} else {
if (navigator.clipboard) {
navigator.clipboard.writeText(url).then(function () {
alert('Link kopiert');
});
} else {
prompt('Link kopieren:', url);
}
}
});
});
</script>
<?php
});
ein ziemlicher Krampf für rel. wenig Ertrag 😉
