Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej Rozumiem

Własny przycisk „udostępnij” w łatwy sposób

Na większości stron internetowych udostępnianie artykułów odbywa się za pomocą standardowych buttonów. Niestety te nie zawsze pasują do layoutu strony oraz nie zawsze są tak widoczne, jak byśmy sobie tego życzyli. Przedstawiamy prosty sposób na stworzenie własnego przycisku „udostępnij” bez konieczności pisania kilometrowego kodu.

personal-260577_1280 Facebook

Button „udostępnij” można dodać w łatwy sposób za pomocą linku, który wygląda tak:

a href="http://www.facebook.com/share.php?u=http://devboard.pl"

To jest najprostsza wersja linku, do którego można dodać dodatkowe parametry, chociaż wersja domyślna sprawdza się bardzo dobrze:



p[url]=adres url, który udostępniamy
p[images][2]=ilość zdjęć, które chcemy pokazać
p[title]= tytuł strony
p[summary]=zajawka

Przykład:

Udostępnij


Twitter

Udostępnianie na twitterze działa podobnie jak na facebooku, chociaż trzeba pamiętać o ograniczeniu ilości znaków do 140 oraz nieco różniącymi się parametrami.

a href="https://twitter.com/intent/tweet?url=http://devboard.pl"

Z dodatkowymi parametrami:


url=adres url, który udostępniamy
text=udostępniany tekst
via=nickname na końcu twitta

Przykład:

Tweetnij


Google+

Udostępnianie przez Google+ jest prostsze od wcześniejszych, gdyż jedynym parametrem jest adres url udostępnianej strony. Pozostałe parametry pobierane są z meta tagów.

a href="https://plus.google.com/share?url=devboard.pl"

Przykład:

Podziel się

Zadbaj o meta tagi!

Aby wszystko działalo prawidłowo, trzeba zadbać o właściwe opisanie meta tagów. Potrzebne będzie też opisanie zgodnie z protokołem Open Graph (og:):