Stwórz przycisk Zapisz dla swojej witryny

Wskazówki i rozwiązywanie problemów

„Uwaga: w przypadku jeśli oficjalny przycisk Zapisz został dodany do Twojego kodu przed czerwcem 2016 r., w dniu 3 października 2017 r. zaktualizowaliśmy jego wygląd z »Przypnij to« na »Zapisz«”.

Przycisk Zapisz to najlepszy sposób, aby Twoja firma dała się odkryć na Pintereście. Gdy dodasz przycisk Zapisz do stron Twojej witryny, Twoi klienci będą mogli zapisywać na Pintereście rzeczy, które im się spodobają. Oznacza to, że jeszcze więcej osób będzie mogło te rzeczy znaleźć. 
 
Jeśli masz witrynę w serwisie Wordpress, Blogger, Tumblr, Wix lub Squarespace:
 
WordPress.com WordPress.com
Przycisk Pin It dla Wordpressa nie wymaga żadnego dodatkowego kodu na Twojej stronie. Możesz dodać przycisk Pin It do wszystkich swoich postów na Wordpressie, włączając tę opcję w domyślnych opcjach udostępniania.
  1. Przejdź do panelu WordPress.
  2. Przejdź Ustawień, a następnie do Udostępniania.
  3. W sekcji  Przyciski udostępniania przeciągnij usługę Pinterest z Dostępnych usług do Uruchomionych usług.
  4. Jeśli chcesz wyświetlić domyślny obrazek przycisku Pin It, zmień w menu rozwijanym Styl przycisków na Przyciski oficjalne.
  5. Kliknij Zapisz zmiany na dole strony.
WordPress.org WordPress.org

Pobierz wtyczkę do przycisku Pin It na warstwie obrazka z katalogu wtyczek WordPress.org.

Blogger Blogger
  1. W panelu Bloggera przejdź do sekcji Układ.
  2. Kliknij Edytuj w sekcji Posty w blogu.
  3. Przewiń do Pokaż przyciski udostępniania i zaznacz pole, jeśli jeszcze nie jest zaznaczone.
  4. W razie potrzeby przearanżuj elemementy w sekcji Rozmieść elementy i kliknij Zapisz.
Tumblr Tumblr
Najpierw musisz dodać linijkę JavaScript.
 
Aby dodać wiersz JavaScript:
  1. W panelu Tumblra wybierz blog do edycji i kliknij Dostosuj.
  2. Kliknij Edytuj HTML na ekranie Dostosuj.
  3. Przewiń na dół kodu.
  4. Sprawdź, czy w Twoim kodzie jest skrypt pinit.js — jeśli tak, to wszystko gotowe!
  5. Jeśli nie, dodaj ten fragment tuż powyżej zamykającego tagu </body>: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Aby dodać unoszący się przycisk Pin It:
  1. Sprawdź, czy dodałeś wiersz JavaScript, korzystając z powyższych kroków.
  2. W panelu Tumblra wybierz blog do edycji i kliknij Dostosuj.
  3. Kliknij Edytuj HTML na ekranie Dostosuj.
  4. Przewiń na dół kodu.
  5. Dodaj data-pin-hover="true" przed częścią "src=" w części 4 powyżej. Twój nowy wiersz kodu powinien wyglądać tak: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Kliknij Aktualizuj podgląd. Przycisk Pin It powinien się pojawić, kiedy przesuniesz kursor nad przykładowy obrazek po prawej. Jeśli tak się nie stanie, wróć do kroku 4 i sprawdź, czy wszystko jest na swoim miejscu.
  7. Kliknij Zapisz.
Wix.com Wix.com
  1. Kliknij Dodaj (+) po lewej stronie edytora.
  2. Kliknij Sieci społecznościowe.
  3. Przewiń w dół i kliknij Pinterest Pin It.
  4. Przeciągnij przycisk Pin It tam, gdzie chcesz go mieć na stronie.
  5. Przycisk Pin It utworzy Pina w oparciu o wybrany przez Ciebie obraz i opis. Pin będzie linkował do strony, na której byłeś, klikając Pin It.
Squarespace Squarespace

Tutaj możesz dowiedzieć się, jak utworzyć przycisk Pin It dla swojej witryny Squarespace

 
Jeśli chcesz stworzyć sobie przycisk samemu, najpierw zdecyduj, jaki rodzaj przycisku Zapisz chcesz dodać. Istnieją 3 rodzaje do wyboru: 
 
  • Na warstwie obrazu (zobacz przykład): gdy ktoś najedzie myszką na dowolny obraz na stronie, pokaże się przycisk Zapisz.
    Learn how to build it Learn how to build it
    1. Przejdź do kreatora widżetów.
    2. Wybierz opcję Na warstwie obrazka w sekcji Typ przycisku.
    3. Dostosuj rozmiar i kształt przycisku. 
    4. Obejrzyj przycisk, najeżdżając myszą na przykładowy obraz. Możesz także kliknąć przycisk Pin It, aby zobaczyć jak działa.
    5. Kiedy już przycisk będzie Ci się podobać, skopiuj kod poniżej sekcji Skopiuj kod.
    6. Wklej kod zaraz po zamykającym tagu </body> na każdej stronie, na której chcesz, aby przycisk się pojawił.
  • Dowolny obraz  (zobacz przykład): gdy ktoś kliknie ten przycisk, będzie mógł zapisać dowolny obraz ze strony. Ta opcja jest całkiem łatwa do implementacji.
    Learn how to build it Learn how to build it
    1. Przejdź do kreatora widżetów.
    2. Wybierz opcję Dowolny obraz w sekcji Typ przycisku
    3. Dostosuj rozmiar, kształt, język i obraz przycisku. 
    4. Obejrzyj przycisk, najeżdżając myszą na przykładowy obraz. Możesz także kliknąć przycisk Zapisz, aby zobaczyć jak działa.
    5. Kiedy już przycisk będzie Ci się podobać, skopiuj kod w prawej części strony.
    6. Wklej kod między tagami <body> i </body> na każdej stronie, na której chcesz, aby przycisk się pojawił.
  • Jeden obraz (zobacz przykład): jest to przycisk Zapisz dla pojedynczego obrazu na stronie i wymaga bardziej technicznego kodowania.
    Learn how to build it Learn how to build it
    1. Przejdź do kreatora widżetów.
    2. Dostosuj rozmiar, kształt, język lub obraz przycisku. 
    3. Dodaj URL stron, które zawierają obraz, dla którego chcesz utworzyć przycisk Zapisz (może to być Twoja strona główna lub każda inna strona w witrynie).
    4. Otwórz nowe okno w przeglądarce i przejdź do swojej witryny.
    5. Kliknij prawym przyciskiem myszy obraz, dla którego chcesz utworzyć przycisk Zapisz.
    6. Wybierz opcję Kopiuj adres URL grafiki.
    7. Wróć do kreatora widżetów i wklej adres URL obrazu w polu Obraz.
    8. Podaj opis swojego obrazu.
    9. Kliknij Utwórz to!, aby wyświetlić podgląd przycisku.
    10. Kiedy już przycisk będzie Ci się podobać, skopiuj kod w prawej części strony.
    11. Wklej kod między tagami <body> i </body> na każdej stronie, na której chcesz, aby przycisk się pojawił.

Typowe problemy

Licznik przycisku Zapisz nie wyświetla się/nie jest prawidłowy.
Kiedy klikasz przycisk Zapisz, selektor tablic nie otwiera się w nowym oknie.
Przycisk na warstwie obrazka nie działa
Pinterest ma problemy z porozumieniem się z moją witryną

Licznik pokazuje liczbę Pinów, które prowadzą do adresu URL podanego przez Ciebie w kodzie przycisku. Jeśli ta strona jest inna niż strona, na której obecnie jesteś, wtedy licznik może pokazywać inną liczbę, niż się spodziewasz.

Jeśli używasz licznika z przyciskiem Zapisz dla dowolnego obrazu, pokaże on liczbę wszystkich Pinów, które prowadzą do adresu URL strony, na której obecnie jesteś.

Jeśli używasz licznika z boku przycisku i nie masz żadnych Pinów na tej stronie, wtedy licznik nie będzie widoczny. Kiedy będziesz mieć przynajmniej jednego Pina z tej strony, licznik będzie widoczny.

Jeśli używasz przycisku Zapisz dostarczonego przez wtyczkę innej firmy, skontaktuj się z autorem tej wtyczki, aby dowiedzieć się, czy może on naprawić ten problem. 

Jeśli używasz własnego przycisku Zapisz, wypróbuj te wskazówki:

  • Sprawdź, czy w kodzie strony, bezpośrednio nad tagiem zamykającym, został dołączony wiersz JavaScript.
  • Jeśli masz wiersz JavaScript wiele razy na stronie, spróbuj usunąć wszystkie wiersze poza ostatnim.
  • Jeśli używasz zarówno wiersza zaawansowanego asynchronicznego JavaScript, jak i zwykłego wiersza JavaScript, usuń jeden z nich.
  • Jeśli używasz wtyczki innej firmy, sprawdź, czy nie dodaje ona już wiersza pinit.js do Twojego kodu. Jeśli tak, nie musisz już go dodawać.
Niektóre usługi hostingowe nie obsługują JavaScript, więc nie będziesz móc dodać kodu z naszego kreatora widżetów. Usługi te mogą jednak mieć inne sposoby dodawania widżetów.

Wypróbuj te wskazówki na temat rozwiązywania problemów:
 
  • Upewnij się, że obrazy, które mają przynajmniej 100 pikseli w jednym wymiarze (wysokość lub szerokość) i przynajmniej 200 pikseli w drugim (obrazy muszą mieć minimum 120 px na 120 px, aby wyświetlał się na nich przycisk Zapisz na warstwie obrazka).
  • Upewnij się, że zdjęcia nie są określone w tle CSS i że każdy obraz ma atrybut src, który zaczyna się od "img".
  • Dodaj kod przycisku aktywowanego tuż powyżej tagu zamykającego.

Oznacza to, że Pinterest przekracza czas zanim zdąży utworzyć Pina z Twojej witryny. Niestety, jest to coś, czego nie jesteśmy w stanie naprawić i najczęściej przytrafia się, gdy witryna jest powolna. Zalecamy sprawdzenie tego po swojej stronie.