Statische Share-Buttons

Statische Share-Buttons

Statische Buttons für mehr Performance

Statisch ist fast immer besser, denn statisch verbraucht keine unnötigen Ressourcen und telefoniert nicht nach Haus. Gerade in Zeiten, in denen der Datenschutz immer wichtiger wird, ist eine statische Lösung daher eine saubere. Die gibt es sogar mit Counter, sodass ihr nicht einmal auf die Anzeige der Anzahl an Share etc. verzichten müsst. Sucht euch einfach die Gewünschte Variante aus und fügt den Code einfach dort ein, wo die Share-Buttons erscheinen sollen.

PGI+VGVpbGVuIGF1Zi4uLjwvYj4KPGEgdGl0bGU9IkJlaSBUd2l0dGVyIGVtcGZlaGxlbiIgaHJlZj0iaHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQ/c291cmNlPXdlYmNsaWVudCZ0ZXh0PTw/cGhwIGVjaG8gcmF3dXJsZW5jb2RlKHN0cmlwX3RhZ3MoZ2V0X3RoZV90aXRsZSgpKSkgPz4gPD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciPjxzcGFuPlR3aXR0ZXI8L3NwYW4+PC9hPiB8IAo8YSB0aXRsZT0iQmVpIEZhY2Vib29rIGVtcGZlaGxlbiIgaHJlZj0iaHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3NoYXJlci9zaGFyZXIucGhwP3U9PD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4mdD08P3BocCBlY2hvIHJhd3VybGVuY29kZShzdHJpcF90YWdzKGdldF90aGVfdGl0bGUoKSkpID8+IiB0YXJnZXQ9ImJsYW5rIiByZWw9Im5vZm9sbG93Ij48c3Bhbj5GYWNlYm9vazwvc3Bhbj48L2E+IHwgCjxhIHRpdGxlPSJCZWkgR29vZ2xlKyBlbXBmZWhsZW4iIGhyZWY9Imh0dHBzOi8vcGx1c29uZS5nb29nbGUuY29tL18vKzEvY29uZmlybT9obD1kZSZ1cmw9PD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4mdGl0bGU9PD9waHAgZWNobyByYXd1cmxlbmNvZGUoc3RyaXBfdGFncyhnZXRfdGhlX3RpdGxlKCkpKSA/PiIgdGFyZ2V0PSJibGFuayIgcmVsPSJub2ZvbGxvdyI+PHNwYW4+R29vZ2xlKzwvc3Bhbj48L2E+

Beispiel:

PGI+VGVpbGVuIGF1Zi4uLjwvYj4KPGEgc3R5bGU9ImNvbG9yOiAjNURCNURFOyBmb250LXdlaWdodDogYm9sZDsiIHRpdGxlPSJCZWkgVHdpdHRlciBlbXBmZWhsZW4iIGhyZWY9Imh0dHBzOi8vdHdpdHRlci5jb20vaW50ZW50L3R3ZWV0P3NvdXJjZT13ZWJjbGllbnQmdGV4dD08P3BocCBlY2hvIHJhd3VybGVuY29kZShzdHJpcF90YWdzKGdldF90aGVfdGl0bGUoKSkpID8+IDw/cGhwIGVjaG8gdXJsZW5jb2RlKGdldF9wZXJtYWxpbmsoJHBvc3QtPklEKSk7ID8+IiB0YXJnZXQ9ImJsYW5rIiByZWw9Im5vZm9sbG93Ij48c3Bhbj5Ud2l0dGVyPC9zcGFuPjwvYT4gfCAKPGEgc3R5bGU9ImNvbG9yOiAjM0Q2MkIzOyBmb250LXdlaWdodDogYm9sZDsiIHRpdGxlPSJCZWkgRmFjZWJvb2sgZW1wZmVobGVuIiBocmVmPSJodHRwczovL3d3dy5mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA/dT08P3BocCBlY2hvIHVybGVuY29kZShnZXRfcGVybWFsaW5rKCRwb3N0LT5JRCkpOyA/PiZ0PTw/cGhwIGVjaG8gcmF3dXJsZW5jb2RlKHN0cmlwX3RhZ3MoZ2V0X3RoZV90aXRsZSgpKSkgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciPjxzcGFuPkZhY2Vib29rPC9zcGFuPjwvYT4gfCAKPGEgc3R5bGU9ImNvbG9yOiAjRDM0ODM2OyBmb250LXdlaWdodDogYm9sZDsiIHRpdGxlPSJCZWkgR29vZ2xlKyBlbXBmZWhsZW4iIGhyZWY9Imh0dHBzOi8vcGx1c29uZS5nb29nbGUuY29tL18vKzEvY29uZmlybT9obD1kZSZ1cmw9PD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4mdGl0bGU9PD9waHAgZWNobyByYXd1cmxlbmNvZGUoc3RyaXBfdGFncyhnZXRfdGhlX3RpdGxlKCkpKSA/PiIgdGFyZ2V0PSJibGFuayIgcmVsPSJub2ZvbGxvdyI+PHNwYW4+R29vZ2xlKzwvc3Bhbj48L2E+

Beispiel:

Statische-Share-Buttons-mit-farbigen-Text

PGEgc3R5bGU9ImJhY2tncm91bmQ6ICM1REI1REU7IGZvbnQtd2VpZ2h0OiBib2xkOyBjb2xvcjogI2ZmZjsgcGFkZGluZzogNXB4IDE1cHggNXB4IDE1cHg7IiB0aXRsZT0iQmVpIFR3aXR0ZXIgZW1wZmVobGVuIiBocmVmPSJodHRwczovL3R3aXR0ZXIuY29tL2ludGVudC90d2VldD9zb3VyY2U9d2ViY2xpZW50JnRleHQ9PD9waHAgZWNobyByYXd1cmxlbmNvZGUoc3RyaXBfdGFncyhnZXRfdGhlX3RpdGxlKCkpKSA/PiA8P3BocCBlY2hvIHVybGVuY29kZShnZXRfcGVybWFsaW5rKCRwb3N0LT5JRCkpOyA/PiIgdGFyZ2V0PSJibGFuayIgcmVsPSJub2ZvbGxvdyI+PHNwYW4+VHdpdHRlcjwvc3Bhbj48L2E+IAo8YSBzdHlsZT0iYmFja2dyb3VuZDogIzNENjJCMzsgZm9udC13ZWlnaHQ6IGJvbGQ7IGNvbG9yOiAjZmZmOyBwYWRkaW5nOiA1cHggMTVweCA1cHggMTVweDsiIHRpdGxlPSJCZWkgRmFjZWJvb2sgZW1wZmVobGVuIiBocmVmPSJodHRwczovL3d3dy5mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA/dT08P3BocCBlY2hvIHVybGVuY29kZShnZXRfcGVybWFsaW5rKCRwb3N0LT5JRCkpOyA/PiZ0PTw/cGhwIGVjaG8gcmF3dXJsZW5jb2RlKHN0cmlwX3RhZ3MoZ2V0X3RoZV90aXRsZSgpKSkgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciPjxzcGFuPkZhY2Vib29rPC9zcGFuPjwvYT4gCjxhIHN0eWxlPSJiYWNrZ3JvdW5kOiAjRDM0ODM2OyBmb250LXdlaWdodDogYm9sZDsgY29sb3I6ICNmZmY7IHBhZGRpbmc6IDVweCAxNXB4IDVweCAxNXB4OyIgdGl0bGU9IkJlaSBHb29nbGUrIGVtcGZlaGxlbiIgaHJlZj0iaHR0cHM6Ly9wbHVzb25lLmdvb2dsZS5jb20vXy8rMS9jb25maXJtP2hsPWRlJnVybD08P3BocCBlY2hvIHVybGVuY29kZShnZXRfcGVybWFsaW5rKCRwb3N0LT5JRCkpOyA/PiZ0aXRsZT08P3BocCBlY2hvIHJhd3VybGVuY29kZShzdHJpcF90YWdzKGdldF90aGVfdGl0bGUoKSkpID8+IiB0YXJnZXQ9ImJsYW5rIiByZWw9Im5vZm9sbG93Ij48c3Bhbj5Hb29nbGUrPC9zcGFuPjwvYT4=

Beispiel:

Statische-Share-Buttons-mit-CSS-Hintergrund

PGRpdiBpZD0ic2hhcmUiPjxhIHRpdGxlPSJCZWkgRmFjZWJvb2sgZW1wZmVobGVuIiBocmVmPSJodHRwczovL3d3dy5mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA/dT08P3BocCBlY2hvIHVybGVuY29kZShnZXRfcGVybWFsaW5rKCRwb3N0LT5JRCkpOyA/PiZ0PTw/cGhwIGVjaG8gcmF3dXJsZW5jb2RlKHN0cmlwX3RhZ3MoZ2V0X3RoZV90aXRsZSgpKSkgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciIHN0eWxlPSJiYWNrZ3JvdW5kOiMzRDYyQjM7Y29sb3I6I0ZGRjtwYWRkaW5nOjNweCAxMHB4IDNweCAxMHB4OyI+PHNwYW4+RmFjZWJvb2sgPD9waHAgJFVSTCA9IGdldF9wZXJtYWxpbmsoKTtmdW5jdGlvbiBnZXRfc2hhcmVzKCRVUkwpIHsgJGpzb25fc3RyaW5nID0gZmlsZV9nZXRfY29udGVudHMoJ2h0dHA6Ly9ncmFwaC5mYWNlYm9vay5jb20vP2lkcz0nIC4gJFVSTCk7ICRqc29uID0ganNvbl9kZWNvZGUoJGpzb25fc3RyaW5nLCB0cnVlKTsgcmV0dXJuIGludHZhbCggJGpzb25bJFVSTF1bJ3NoYXJlcyddICk7fSA/Pjw/cGhwIGVjaG8gZ2V0X3NoYXJlcygkVVJMKTsgPz48L3NwYW4+PC9hPiA8YSB0aXRsZT0iQmVpIFR3aXR0ZXIgZW1wZmVobGVuIiBocmVmPSJodHRwczovL3R3aXR0ZXIuY29tL2ludGVudC90d2VldD9zb3VyY2U9d2ViY2xpZW50JnRleHQ9PD9waHAgZWNobyByYXd1cmxlbmNvZGUoc3RyaXBfdGFncyhnZXRfdGhlX3RpdGxlKCkpKSA/PiDinqggPD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciIHN0eWxlPSJiYWNrZ3JvdW5kOiM1REI1REU7Y29sb3I6I0ZGRjtwYWRkaW5nOjNweCAxMHB4IDNweCAxMHB4OyI+PHNwYW4+VHdpdHRlciA8P3BocCAkVVJMID0gZ2V0X3Blcm1hbGluaygpO2Z1bmN0aW9uIGdldF9yZXR3ZWV0cygkVVJMKSB7ICRTQnN0cmluZyA9IGZpbGVfZ2V0X2NvbnRlbnRzKCdodHRwOi8vdXJscy5hcGkudHdpdHRlci5jb20vMS91cmxzL2NvdW50Lmpzb24/dXJsPScgLiAkVVJMKTsgJFNCYXJyYXkgPSBqc29uX2RlY29kZSgkU0JzdHJpbmcsIHRydWUpOyByZXR1cm4gaW50dmFsKCAkU0JhcnJheVsnY291bnQnXSApO30gPz48P3BocCBlY2hvIGdldF9yZXR3ZWV0cygkVVJMKTs/Pjwvc3Bhbj48L2E+IDxhIHRpdGxlPSJCZWkgR29vZ2xlKyBlbXBmZWhsZW4iIGhyZWY9Imh0dHBzOi8vcGx1c29uZS5nb29nbGUuY29tL18vKzEvY29uZmlybT9obD1kZSZ1cmw9PD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4mdGl0bGU9PD9waHAgZWNobyByYXd1cmxlbmNvZGUoc3RyaXBfdGFncyhnZXRfdGhlX3RpdGxlKCkpKSA/PiIgdGFyZ2V0PSJibGFuayIgcmVsPSJub2ZvbGxvdyIgc3R5bGU9ImJhY2tncm91bmQ6I0QzNDgzNjtjb2xvcjojRkZGO3BhZGRpbmc6M3B4IDEwcHggM3B4IDEwcHg7Ij48c3Bhbj5Hb29nbGUrIDw/cGhwICRVUkwgPSBnZXRfcGVybWFsaW5rKCk7ZnVuY3Rpb24gZ2V0X3BsdXNvbmUoJHVybCkgeyAkY3VybCA9IGN1cmxfaW5pdCgpOyBjdXJsX3NldG9wdCgkY3VybCwgQ1VSTE9QVF9VUkwsICJodHRwczovL2NsaWVudHM2Lmdvb2dsZS5jb20vcnBjIik7IGN1cmxfc2V0b3B0KCRjdXJsLCBDVVJMT1BUX1BPU1QsIDEpOyBjdXJsX3NldG9wdCgkY3VybCwgQ1VSTE9QVF9QT1NURklFTERTLCAnW3sibWV0aG9kIjoicG9zLnBsdXNvbmVzLmdldCIsImlkIjoicCIsInBhcmFtcyI6eyJub2xvZyI6dHJ1ZSwiaWQiOiInIC4gJHVybCAuICciLCJzb3VyY2UiOiJ3aWRnZXQiLCJ1c2VySWQiOiJAdmlld2VyIiwiZ3JvdXBJZCI6IkBzZWxmIn0sImpzb25ycGMiOiIyLjAiLCJrZXkiOiJwIiwiYXBpVmVyc2lvbiI6InYxIn1dJyk7IGN1cmxfc2V0b3B0KCRjdXJsLCBDVVJMT1BUX1JFVFVSTlRSQU5TRkVSLCB0cnVlKTsgY3VybF9zZXRvcHQoJGN1cmwsIENVUkxPUFRfSFRUUEhFQURFUiwgYXJyYXkoJ0NvbnRlbnQtdHlwZTogYXBwbGljYXRpb24vanNvbicpKTsgJGN1cmxfcmVzdWx0cyA9IGN1cmxfZXhlYyAoJGN1cmwpOyBjdXJsX2Nsb3NlICgkY3VybCk7ICRqc29uID0ganNvbl9kZWNvZGUoJGN1cmxfcmVzdWx0cywgdHJ1ZSk7IHJldHVybiBpbnR2YWwoICRqc29uWzBdWydyZXN1bHQnXVsnbWV0YWRhdGEnXVsnZ2xvYmFsQ291bnRzJ11bJ2NvdW50J10gKTt9ID8+PD9waHAgZWNobyBnZXRfcGx1c29uZSgkVVJMKTsgPz48L3NwYW4+PC9hPjwvZGl2Pgo=

Beispiel:

Statische-Share-Buttons-mit-CSS-Hintergrund-und-Counter

UEdFZ2RHbDBiR1U5SWtKbGFTQlVkMmwwZEdWeUlHVnRjR1psYUd4bGJpSWdhSEpsWmowaWFIUjBjSE02THk5MGQybDBkR1Z5TG1OdmJTOXBiblJsYm5RdmRIZGxaWFEvYzI5MWNtTmxQWGRsWW1Oc2FXVnVkQ1owWlhoMFBUdy9jR2h3SUdWamFHOGdjbUYzZFhKc1pXNWpiMlJsS0hOMGNtbHdYM1JoWjNNb1oyVjBYM1JvWlY5MGFYUnNaU2dwS1NrZ1B6NGdQRDl3YUhBZ1pXTm9ieUIxY214bGJtTnZaR1VvWjJWMFgzQmxjbTFoYkdsdWF5Z2tjRzl6ZEMwK1NVUXBLVHNnUHo0aUlIUmhjbWRsZEQwaVlteGhibXNpUGp4cGJXY2djM1I1YkdVOUluZHBaSFJvT2lBeU5IQjRPeUJvWldsbmFIUTZJREl3Y0hnN0lpQmhiSFE5SWxSM2FYUjBaWEp1SWlCemNtTTlJancvY0dod0lHSnNiMmRwYm1adktDZDBaVzF3YkdGMFpWOTFjbXduS1Q4K0wybHRZV2RsY3k5MGQyVmxkQzV3Ym1jaUlDOCtQQzloUGdvOFlTQjBhWFJzWlQwaVFtVnBJRVpoWTJWaWIyOXJJSFJsYVd4bGJpSWdhSEpsWmowaWFIUjBjSE02THk5M2QzY3VabUZqWldKdmIyc3VZMjl0TDNOb1lYSmxjaTl6YUdGeVpYSXVjR2h3UDNVOVBEOXdhSEFnWldOb2J5QjFjbXhsYm1OdlpHVW9aMlYwWDNCbGNtMWhiR2x1YXlna2NHOXpkQzArU1VRcEtUc2dQejRtZEQwOFAzQm9jQ0JsWTJodklISmhkM1Z5YkdWdVkyOWtaU2h6ZEhKcGNGOTBZV2R6S0dkbGRGOTBhR1ZmZEdsMGJHVW9LU2twSUQ4K0lpQjBZWEpuWlhROUltSnNZVzVySWo0OGFXMW5JSE4wZVd4bFBTSjNhV1IwYURvZ01qUndlRHNnYUdWcFoyaDBPaUF5TUhCNE95SWdZV3gwUFNKR1lXTmxZbTl2YXlCVGFHRnlaU0lnYzNKalBTSThQM0JvY0NCaWJHOW5hVzVtYnlnbmRHVnRjR3hoZEdWZmRYSnNKeWsvUGk5cGJXRm5aWE12YzJoaGNtVXVjRzVuSWlBdlBqd3ZZVDRLUEdFZ2MzUjViR1U5SW5kcFpIUm9PaUF5TkhCNE95Qm9aV2xuYUhRNklESXdjSGc3SWlCb2NtVm1QU0pvZEhSd2N6b3ZMM0JzZFhOdmJtVXVaMjl2WjJ4bExtTnZiUzlmTHlzeEwyTnZibVpwY20wL2FHdzlaR1VtZFhKc1BUdy9jR2h3SUdWamFHOGdkWEpzWlc1amIyUmxLR2RsZEY5d1pYSnRZV3hwYm1zb0pIQnZjM1F0UGtsRUtTazdJRDgrSm5ScGRHeGxQVHcvY0dod0lHVmphRzhnY21GM2RYSnNaVzVqYjJSbEtITjBjbWx3WDNSaFozTW9aMlYwWDNSb1pWOTBhWFJzWlNncEtTa2dQejRpSUhSaGNtZGxkRDBpWW14aGJtc2lQaTlwYldGblpYTXZaMjl2WjJ4bExuQnVaeUlnWVd4MFBTSkdZV05sWW05dmF5QlRhR0Z5WlNJZ0x6NDhMMkUr

Beispiel:

Statische-Share-Buttons-mit-Bild

 

 

Nicht vergessen: Größe und Bilder müssen beim zweiten Code entsprechend geändert werden. Also hinterlegt an entsprechender Stelle passende Bilder.

TGlua2VkSW4KPGEgaHJlZj0iaHR0cDovL3d3dy5saW5rZWRpbi5jb20vc2hhcmVBcnRpY2xlP21pbmk9dHJ1ZSZ1cmw9PD9waHAgZWNobyB1cmxlbmNvZGUoZ2V0X3Blcm1hbGluaygkcG9zdC0+SUQpKTsgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciPjxzcGFuPkxpbmtlZEluPC9zcGFuPjwvYT4KClBpbnRlcmVzdAo8YSBocmVmPSJqYXZhc2NyaXB0OnZvaWQoKGZ1bmN0aW9uKCklN0J2YXIlMjBlPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO2Uuc2V0QXR0cmlidXRlKCd0eXBlJywndGV4dC9qYXZhc2NyaXB0Jyk7ZS5zZXRBdHRyaWJ1dGUoJ2NoYXJzZXQnLCdVVEYtOCcpO2Uuc2V0QXR0cmlidXRlKCdzcmMnLCdodHRwOi8vYXNzZXRzLnBpbnRlcmVzdC5jb20vanMvcGlubWFya2xldC5qcz9yPScrTWF0aC5yYW5kb20oKSo5OTk5OTk5OSk7ZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlKSU3RCkoKSk7IiB0YXJnZXQ9ImJsYW5rIiByZWw9Im5vZm9sbG93Ij48c3Bhbj5QaW50ZXJlc3Q8L3NwYW4+PC9hPgogClJlZGRpdAo8YSBocmVmPSJodHRwOi8vcmVkZGl0LmNvbS9zdWJtaXQ/dXJsPTw/cGhwIGVjaG8gdXJsZW5jb2RlKGdldF9wZXJtYWxpbmsoJHBvc3QtPklEKSk7ID8+JnRpdGxlPTw/cGhwIGVjaG8gcmF3dXJsZW5jb2RlKHN0cmlwX3RhZ3MoZ2V0X3RoZV90aXRsZSgpKSkgPz4iIHRhcmdldD0iYmxhbmsiIHJlbD0ibm9mb2xsb3ciPjxzcGFuPlJlZGRpdDwvc3Bhbj48L2E+

Schnell und benutzerfreundlich

Das gute an statischen Social-Buttons ist, wie bereits erwähnt, vor allem die Geschwindigkeit. Doch auch abseits der Performance bringen die Buttons Vorteile, denn sie sind auch wesentlich benutzerfreundlicher und lassen sich, da sie nur Bilder verwenden oder sogar nur aus ein wenig CSS bestehen, relativ frei an die eigene Website anpassen. So sind Designs möglich, die sich perfekt in das verwendete WordPress Theme integrieren und daher einen hübscheren Gesamteindruck hinterlassen. Letztendlich ist es aber wirklich nur die Performance, die ausschlaggebend dafür ist, dass wirklich jeder Blogger statische Buttons verwenden sollte. Da dies ganz einfach ist, stellt es auch keinerlei Ansprüche und kann selbst von Anfängern umgesetzt werden.

Christian
Christian
Mein Name ist Christian und ich bin Mitgründer der Plattform fastWP. Hier im Magazin bin ich für die eher "technisch" lastigen Themen zuständig aber schreibe gerne über das Thema SEO, das nun bereits seit über 10 Jahren zu meiner Leidenschaft gehört.

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here

fastWP

Finde den passenden WordPress Dienstleister in deiner Region!

Deine Werbung hier?

Nutze die Reichweite von fastWP und erreiche deine Zielgruppe!