Jak dodać lubię to do strony

Jak dodać lubię to do strony

Dziś o tym jak dodać lubię to do dowolnej strony internetowej.  Ten popularny Facebookowy przycisk mozna dodać do każdej strony internetowej.  Pokaże to na przykładzie mojego bloga WordPress. Metoda polega na wklejeniu wygenerowanego przez Facebook kodu w odpowiednim miejscu na stronie, po prostu kopiuj i wklej. Uwaga: Opis nie dotyczy stron działających na wordpress.com tylko na własnym sewerze.
A więc co musisz zrobić po kolei, czyli jak dodać lubię to do strony ;)
Ten bardzo popularny przycisk działa, tak, że:

  1. Każde kliknięcie na przycisk dodaje link na tablicy użytkownika.

Teraz wejdź na stronę generatora przycisków Lubię to/Like it na Facebooku

Wypełnij wszystkie pola w/g własnego uznania. W pole URL wpisz adres swojej strony, koniecznie z http://
Klknij w „Get code” i skopuj zawartość pola iframe.

Aktualizacja: Od jakiegoś czasu Facebook nie pozwala na pobranie kodu bez utworzenia aplikacji. Jeśli nie chcesz tworzyć aplikacji, skorzystaj z kodu poniżej. Pamiętaj by zmienić adres mojej strony (http://marekrusak.pl) na swoją. Adres wpisz Koniecznie z http://

Oto wygenerowany kod dla mojego bloga:

1
<iframe src="http://www.facebook.com/plugins/like.php?href=http://marekrusak.pl&layout=button_count&show_faces=true&width=350&action=like&font=verdana&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:21px;" allowTransparency="true"></iframe>

Jak dodać lubię to – Teraz pora wstawić ten kod do WordPressa.

  1. Wejdź do PA (panel administracyjny WordPressa) -> wygląd -> edytor -> Pojedynczy wpis (single.php)
  2. Jeśli chcesz, by przycisk był zaraz pod tytułem wpisu, danymi o autorze i dacie  to znajdź w kodzie:
    1
    2
    3
    <h3>
    Wpisał <?php the_author(); ?> dnia <?php the_time('d m Y') ?>
    </h3>
  3. wstaw zaraz po </h3> kod z pola iframe osadzony w div i zakończony
    1
    <br clear="all" />
  4. 1
    2
    3
    4
    <div>
    <iframe src="http://www.facebook.com/plugins/like.php?href=http://marekrusak.pl&layout=button_count&show_faces=true&width=250&action=like&font=verdana&colorscheme=light&height=21"  scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:21px;" allowTransparency="true"></iframe>
    </div>
    <br clear="all" />

Ten kod mozesz także wstawić do widgetu tekstowego i umieścić w sidebarze (pasku bocznym) Twojej strony WordPress.

A tak wyglądać będzie przycisk lajkowania:

W ten sposób każde kliknięcie na Lubię to doda link do Twojej strony głównej na tablicy facebookowej lajkującego.  Na tablicy oprócz linku, którego anchorem będzie tytuł Twojej strony, pojawi się podtytuł i jakiś obrazek pobrany z bloga. Tak to wygląda dla mojej strony (kliknij w Lubię to powyżej i zobacz u siebie na tablicy facebookowej co się pojawiło)

Jak dodać lubię to

Jak dodać lubię to

Jak dodać lubię to – dla wpisów (podstron)

Możesz także po drobnej zmianie kodu, zamiast strony głównej, polecać poszczególne wpisy (podstrony) Twojego bloga. Oto zmieniony kod:

1
2
3
4
<div>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo get_permalink(); ?>&layout=button_count&show_faces=true&width=250&action=like&font=verdana&colorscheme=light&height=21"  scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:21px;" allowTransparency="true"></iframe>
</div>
<br clear="all" />

i odpowiadający mu przycisk lajkowania:

Zalajkuj i zobacz różnice. Uwaga: Ten kod nie zadziała w widgecie bez wtyczki pozwalającej na wykonanie kodu php w widgecie, np. Exec-PHP

Jak dodać lubię to – dla fanpejdża (fanpage)

Możesz także polecać swojego fanpejdża (o ile go masz) zamiast wpisów i strony głównej. Tego sposobu nie polecam, dlatego podpowiem Ci tylko, że zamiast adresu bloga (http://marekrusak.pl) w kodzie powyżej wpisz adres strony facebookowej (Twojego fanpage) w takim formacie:

http://www.facebook.com/pages/Marek-Rusak/157326490971646

Zobacz także:

Jak zdobyć 1000 fanów na Facebooku w 10 dni albo krócej?

Jak prowadzić skuteczny marketing na FACEBOOKU?

Jak wypromować bloga, firmę na FB i dotrzeć do 3 milionów klientów?

Podoba Ci się ten wpis? Podziel się z innymi na Facebooku i na Google+:

32 komentarze

  1. Dzięki za poradę. Zastosowałem równiej jako widżet i hula

  2. mam pytanie muszę ten program word press zainstalować

  3. Dziękuję :) Bardzo przejrzysty krok po kroku :)

  4. Dziekuję zastosowałem to na swojej stronie wszystko ładnie działa . jeszcze raz dziękuje

  5. czy w blogspocie jest podobnie? bo ja laikiem jestem zupełnym :-)

  6. WordPress to serwis blgowy, a nie program, więc nie trzeba nic instalować :-)

  7. Ale ja nie mam takiej opcji jak „edytor” w zakładce „wygląd”. O co chodzi?

  8. czy jest jakaś możliwość podpięcia tego pod stronę wykonywaną we flashu?

  9. Witam !
    Nie jestem w stanie sobie jednak poradzić z tym wpisem.
    Za mało jest podane w co ja mam ten kod wpisać?
    Jak wpisywałam sam wygenerowany kod na Facebook, to wtedy jak wpisywałam i…mam nadal wpisany na tej stronie WordPress ( po prawej str na dole)… jest zwykłym linkiem, dopiero jak się w niego klika robi się prawidłowy….
    Teraz wiem,że w tym kodzie, na WordPress należy coś jeszcze dodać…
    ALE JA NIE UMIEM

    Proszę mi pomóc.
    Podaję wygenerowany kod

    TERAZ gdzie mam go wkleić ?
    Obecnie mam na TEKST
    ale jak wchodzę PA w WordPress, to klikając na wygląd…. nie mam tam edytor….

    Wejdź do PA (panel administracyjny WordPess’a) -> wygląd -> edytor -> Pojedynczy wpis (single.php)
    Jak to wpisać ?

    • Marek Rusak

      Opis dotyczy bloga na skrypcie WordPress, to nie zadziała na wordpress.com

      • A jak dodac ten znacznik lubie to na stronce facebooka?Zalozylam strone do konta na facebooku ale nie ma znacznika lubie to i nie umiem go dodac:(Prosze o pomoc:)

        • Marek Rusak

          Fanpage FB (Twoja stronka) nie pokazuje przycisku „Lubię to” dla twórcy strony tylko dla odwiedzających gości.

          • dla odwiedzajacych tez nie bo jak loguje sie z innego konta tez nie ma:)

  10. Dzięki :) Tego szukałam!

  11. Witam a czy mogę jakoś sprawdzić kto „polubił” moją stronę internetową?
    Dziękuję za odpowiedź

  12. Witam
    Piszesz tutaj o dwóch sposobach korzystania z przycisku „lubię to”
    1 Każde kliknięcie na przycisk dodaje do ulubionych Stronę oficjalną na Facebooku.
    2 Każde kliknięcie na przycisk dodaje link na tablicy użytkownika.
    Mam z tym problem mianowicie u mnie przycisk działa tak jak opisany w drugim sposobie, a chciałbym żeby działał tak jak w pierwszej opcji. Jak to zmienić ?? Proszę o jakąś inf. ??

  13. Rozumiem, że aby dodać znacznik lubie to na swojej stronie internetowej musze byc administratorem tej strony? Stworzenie strony www zlecilismy firmie ale strone na fb prowadze sama. Jest zatem na to jakis sposob?

  14. U mnie zatrzymało się na 1 tys. jeśli zmienię w kodzie na layout=standart to widzę ze stronę polubiło 1080 osób a na layout=button_count 1 tys i nie zlicza. ktoś może wie dlaczego ? Proszę o poradę.

  15. To oczywiste. Ale niestety Facebook nie chce generować dla mnie tego kodu. Po wpisaniu mojego adresu http://www.zdrowo.pl otrzymuję informację (w miejscu gdzie powinien pojawic się wzrór znaczka „Like”: Plugin cannot be rendered with the specified parameters.
    Dalej próbując pobrać kod, widzę, że jest wygenerowany, wklejam go na stronę i nadal (już na mojej stronie jest widoczny komunikat: Plugin cannot be rendered with the specified parameters.
    Co z tym zrobić?

  16. a Mi pojawia się cos takiego:(
    „Do listy twórców tej aplikacji mogą być dodani tylko zweryfikowani twórcy.
    Tylko zweryfikowani programiści mogą zostać umieszczeni na liście twórców tej aplikacji. Szczegóły są dostępne pod adresem: http://www.facebook.com/help/?faq=17580.” – dlaczego?

  17. i jak otworzyć w word 2007 widok html? tzn. by był widoczny ten kod htm by wkleić otrzymany z iframe kod?

  18. mi sie pokazuje taki komunikat „Tylko zweryfikowani programiści mogą zostać umieszczeni na liście twórców tej aplikacji. Szczegóły są dostępne pod adresem: http://www.facebook.com/help/?faq=17580.” co z tym zrobić?

  19. A ja nie mogę dodać tego przycisku „lubię to” :( wyskakuje komunikat:
    Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.

    Co to może być?

  20. Ja mam ten sam problem, ciągle wyskakuje mi ten komunikat: Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.

    Jest na to jakaś rada?
    Niech ktoś odpisze plissss

  21. Witam, moja strona wykonana jest w technologii flash, czy z znacznik lubię to „Like Box” można wstawić na takiej stronie? Bardzo proszę o odpoiedź.

  22. Dzięki za tutorial :)

  23. Świetny tutorial abrdzo dobrze napisany.

  24. Witam a czy wie Pan jak dodać ten znacznik na blogspocie?
    nie wiem gdzie mam to wkleić. prosze o pomoc..

  25. dziękuje, właśnie tego szukałem, bardzo pomocny wpis.

  26. W razie problemów z umieszczeniem na stronie polecam skorzystać też z mojego artykułu:
    Wtyczki Facebook – Like Button

  27. dziękuję , jestem wdzięczna

Odpowiedz na komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>