Jak dodać button Dodaj na NK / Śledzika na swojej stronie?
Coraz częściej w różnych serwisach i blogach widzimy buttony umożliwiające podzielenie się artykułem ze znajomymi. Każdy duży serwis dorobił się takiego widżetu, czy to Twitter, Nasza Klasa czy Facebook, Blip.
W tym tutorialu napiszę - jak dodać taki przycisk do NK.
Najprostszym sposobem jest skorzystanie z kreatora na stronie http://nk.pl/widgets. Wybieramy typ widżetu - Button Śledź na NK / Dodaj na NK, konfigurujemy wygląd i dostajemy przykładowy kod:
<script type="text/javascript"> var nk_wg = ({ content: null, host: "http://nk.pl/", image: "http://0.s-nk.pl/img/sledzik/widgets/nk_buttons/nk_button_111", layout: 'nk' }); </script> <script src="http://0.s-nk.pl/script/sledzik/widgets/sledzik_widget_shout" type="text/javascript"></script>
I taki kod wklejamy na naszej stronie w sekcji body dokumentu HTML, w miejscu gdzie chcemy aby button się pokazał.
Możemy zmodyfikować kod, zmieniając obrazek i/lub ustawiając tekst jaki będzie dodawany - poprzez podmianę content: null, np.:
var nk_wg = ({ content: 'tu przykładowy tekst i np. link do naszego artykułu', host: ...
Taki sposób dodania jest najprostszy i nie będzie powodować problemów.
Jeśli z jakichś powodów nie chcemy dodać kodu javascript i chcemy wkleić czysty htmlowy link do NK, musimy pamietać o:
Na stronie mieć ustawione kodowanie UTF-8
W przypadku innego kodowania (ISO) upewnić się, że dostarczany tekst nie spowoduje problemów z dekodowaniem. Czyli zamiast wkleić:
< a href="http://nk.pl/sledzik?shout=Udostępniam stronę kodowaną w ISO">Podziel się na NK</a>
Zakodować tekst z pomocą javascript:
<script type="text/javascript"> document.write('< a href="http://nk.pl/sledzik?shout=' + encodeURIComponent('Udostępniam stronę zakodowaną w ISO') + '">Podziel się na NK</a>'); </script>