Social-Media-Sharing-Schaltflächen ohne Javascript

Von Ahmad Osman

Möchten Sie Social Media Share-Buttons zu Ihrer Webseite hinzufügen, ohne sich mit Code und Javascript zu beschäftigen?

Sie sollen nur diese Schritte ausführen

Sitzende Meta-Daten

Im Abschnitt Head sollen Sie die folgenden Metadaten festlegen

    <link rel="canonical" href="https://www.ahmad-osman.com/de/blogs/social-media-share-without-javascript/" />
<meta property="og:url" content="https://www.ahmad-osman.com/de/blogs/social-media-share-without-javascript/">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="Ihre Facebook-App-ID">
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="www.ahmad-osman.com">
<meta name="twitter:app:country" content="DE">
<meta name="twitter:image:src" property="og:image" itemprop="image primaryImageOfPage" content="https://www.ahmad-osman.com/media/1017/socialmedia.jpg" />
<meta name="twitter:title" property="og:title" itemprop="title name" content="Social-Media-Sharing-Schaltflächen ohne Javascript" />
<meta name="twitter:description" property="og:description" itemprop="description" content="Möchten Sie Social Media Share-Buttons zu Ihrer Webseite hinzufügen, ohne sich mit Code und Javascript zu beschäftigen?" />

Sie sollen nur die Content-Eigenschaft mit Ihren Daten ändern.

Facebook Share-Taste

    <a href="https://www.facebook.com/sharer/sharer.php?u=[Ihre Seite voll URL]&t=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Facebook teilen">
Auf Facebook teilen
</a>

Google Plus Share-Taste

    <a href="https://plus.google.com/share?url=[Ihre Seite voll URL]" target="_blank" title="Auf Google plus teilen">
Auf Google plus teilen
</a>

Twitter Share-Taste

    <a href="https://twitter.com/intent/tweet?url=[Ihre Seite voll URL]&text=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Twitter teilen">
Auf Twitter teilen
</a>

Pinterest Share-Taste

    <a href="http://pinterest.com/pin/create/button/?url=[Ihre Seite voll URL]&description=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Pinterest teilen">
Auf Pinterest teilen
</a>

Getpocket Share-Taste

    <a href="https://getpocket.com/save?url=[Ihre Seite voll URL]&title=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Getpocket teilen">
Auf Getpocket teilen
</a>

Reddit Share-Taste

    <a href="http://www.reddit.com/submit?url=[Ihre Seite voll URL]&title=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Reddit teilen">
Auf Reddit teilen
</a>

Linkedin Share-Taste

    <a href="http://www.linkedin.com/shareArticle?mini=true&title=[benutzerdefinierter Titel (nicht obligatorisch)]&summary=[Beschreibung (nicht obligatorisch)]&source=[Ihre Seite voll URL]" target="_blank" title="Auf Linkedin teilen">
Auf Linkedin teilen
</a>

Pinboard Share-Taste

    <a href="https://pinboard.in/popup_login/?url=[Ihre Seite voll URL]&title=[benutzerdefinierter Titel (nicht obligatorisch)]" target="_blank" title="Auf Pinboard teilen">
Auf Pinboard teilen
</a>

Email an Taste

    <a href="mailto:?subject=[Betreff]&body=:[Nachricht]" target="_blank" title="Email">
E-Mail an einen Freund
</a>