Vytvořte pro své stránky tlačítko Uložit

Tipy a odstraňování problémů

„Upozorňujeme, že pokud jste oficiální tlačítko Uložit do svého kódu přidali před červnem 2016, aktualizujeme 3. října 2017 jeho design z ‚Připnout‘ na ‚Uložit‘.“

Tlačítko Uložit představuje nejjednodušší způsob, jak zajistit, aby vaši firmu na Pinterestu objevilo co nejvíc lidí. Jakmile na stránky přidáte tlačítko Uložit, můžou si z nich vaši zákazníci na Pinterest uložit vše, co se jim líbí, a následně to sdílet s dalšími uživateli.
 
Pokud máte stránku založenou na systému Wordpress, Blogger, Tumblr, Wix nebo Squarespace:
 
WordPress.com WordPress.com
Tlačítko Pin It pro WordPress není potřeba nijak programovat. Stačí ho aktivovat ve výchozím nastavení sdílení. Pak se tlačítko bude zobrazovat u všech příspěvků ve WordPressu.
  1. Přejděte k panelu WordPress.
  2. Přejděte do Nastavení a pak na Sdílení.
  3. V sekci Tlačítka sdílení přetáhněte službu Pinterest z  Dostupných služeb do  Aktivních služeb.
  4. Pokud chcete zobrazit výchozí obrázek tlačítka Pin It, v rozevírací nabídce Styl tlačítka zvolte možnost Oficiální tlačítka.
  5. Klikněte na tlačítko Uložit změny ve spodní části stránky.
WordPress.org WordPress.org

Plugin pro vyskakovací tlačítko Pin It si můžete stáhnout z databáze pluginů na webu WordPress.org.

Blogger Blogger
  1. Na hlavním panelu služby Blogger přejděte do sekce Rozvržení.
  2. Klikněte na tlačítko Upravit v sekci Příspěvky na blogu.
  3. Posuňte se k možnosti Zobrazit tlačítka sdílení a zkontrolujte, zda políčko již není zaškrtnuté.
  4. V sekci Uspořádání položek přeskupte, co je třeba, a pak klikněte na Uložit.
Tumblr Tumblr
Nejprve je třeba vložit řádek JavaScriptu.
 
Přidání řádku JavaScriptu:
  1. Na hlavním panelu Tumblr vyberte blog, který chcete upravit, a pak klikněte na Přizpůsobit.
  2. Na obrazovce Přizpůsobit klikněte na tlačítko Upravit HTML .
  3. Posuňte se na konec kódu.
  4. Zkontrolujte, zda kód obsahuje pinit.js - pokud ano, tak je hotovo.
  5. V opačném případě přidejte nad koncový tag </body> tento text:  <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Přidání vyskakovacího tlačítka Pin It:
  1. Zkontrolujte, zda jste podle výše uvedených kroků přidali řádek JavaScriptu.
  2. Na hlavním panelu Tumblr vyberte blog, který chcete upravit, a pak klikněte na Přizpůsobit.
  3. Na obrazovce Přizpůsobit klikněte na tlačítko Upravit HTML .
  4. Posuňte se na konec kódu.
  5. Před část „src=“ z  kroku č.  4  přidejte parametr data-pin-hover="true". Nový řádek by měl vypadat takto: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Klikněte na Aktualizovat náhled. Nyní by se mělo tlačítko Pin It objevit vždy, když přejedete kurzorem myši přes vzorový obrázek vpravo. Pokud se tak neděje, vraťte se ke kroku č. 4 a zkontrolujte, že jste vše správně provedli.
  7. Klikněte na Uložit.
Wix.com Wix.com
  1. Klikněte na tlačítko  Přidat (+) na levé straně editoru.
  2. Klikněte na tlačítko Sociální sítě.
  3. Posuňte se dolů a klikněte na tlačítko Pinterest Pin It.
  4. Přetáhněte tlačítko Pin It na požadované místo na stránce.
  5. Tlačítko Pin It vytvoří pin vycházející z obrázku a popisu, který zvolíte. Pin bude odkazovat zpět na stránku, na které se nacházíte, když kliknete na Pin It.
Squarespace Squarespace

Naučte se, jak vytvořit tlačítko Pin It pro vaši stránku založenou na systému Squarespace, zde

 
Chcete-li tlačítko Uložit vytvořit sami, musíte se nejprve rozhodnout, které přidáte. Na výběr máte tři možnosti:
 
  • Vyskakovací tlačítko (viz zde): Když uživatel posune ukazatel na kterýkoliv obrázek na stránce, zobrazí se tlačítko Uložit.
    Learn how to build it Learn how to build it
    1. Přejděte do Návrháře widgetů.
    2. V sekci Typ tlačítka vyberte Najetí myší.
    3. Nastavte velikost a tvar tlačítka.
    4. Náhled tlačítka zobrazíte tak, že ukazatel myši přesunete na vzorový obrázek. Chcete-li vyzkoušet, jak tlačítko Pin It funguje, jednoduše na něj klikněte.
    5. Jakmile jste se vzhledem tlačítka spokojeni, zkopírujte kód uvedený v sekci Zkopírovat kód.
    6. Kód vložte nad koncový tag </body> každé stránky, na které chcete tlačítko zobrazovat.
  • Kterýkoli obrázek (viz zde): Pokud uživatel klikne na toto tlačítko, může uložit kterýkoliv obrázek na stránce. Vytvořit toto tlačítko není nijak obtížné.
    Learn how to build it Learn how to build it
    1. Přejděte do Návrháře widgetů.
    2. V sekci Typ tlačítka vyberte Jakýkoli obrázek.
    3. Upravte velikost, tvar a jazyk tlačítka a také příslušný obrázek. 
    4. Náhled tlačítka zobrazíte tak, že ukazatel myši přesunete na vzorový obrázek. Chcete-li vyzkoušet, jak tlačítko Uložit funguje, jednoduše na něj klikněte.
    5. Jakmile jste se vzhledem tlačítka spokojeni, zkopírujte kód uvedený v pravé části stránky.
    6. Kód vložte mezi tagy <body> a </body> každé stránky, na které chcete tlačítko zobrazovat.
  • Jeden obrázek (viz zde): Toto tlačítko Uložit je určeno pro jeden obrázek na stránce a vyžaduje technicky náročnější kódování.
    Learn how to build it Learn how to build it
    1. Přejděte k Návrháři widgetů.
    2. Upravte velikost, tvar a jazyk tlačítka nebo také příslušný obrázek.
    3. Přidejte adresu URL stránek, na kterých je obrázek, pro který chcete vytvořit tlačítko Uložit (například vaše domovská nebo kterákoli jiná stránka).
    4. V prohlížeči otevřete nové okno a přejděte na svůj web.
    5. Pravým tlačítkem myši klikněte na obrázek, pro který chcete vytvořit tlačítko Uložit.
    6. Vyberte možnost Zkopírovat adresu obrázku.
    7. Přejděte zpět do Návrháře widgetů a zkopírujte adresu obrázku do pole Obrázek.
    8. K obrázku napište popis.
    9. Kliknutím na tlačítko Vytvořit zobrazte náhled tlačítka.
    10. Jakmile jste se vzhledem tlačítka spokojeni, zkopírujte kód uvedený v pravé části stránky.
    11. Kód vložte mezi tagy <body> a </body> každé stránky, na které chcete tlačítko zobrazovat.

Běžné problémy

Počitadlo tlačítka Uložit se nezobrazuje / nefunguje správně.
Když kliknete na tlačítko Uložit, výběr nástěnky se neotevře v novém okně.
Vyskakovací tlačítko nefunguje
Pinterestu se nedaří komunikovat s mým webem.

Počítadlo ukazuje počet pinů, které odkazují na adresu URL, kterou jste zadali v kódu tlačítka. Pokud se jedná o jinou stránku než tu, na které se právě nacházíte, může se na počítadle objevit jiné číslo.

Pokud používáte počitadlo s tlačítkem Uložit typu „Kterýkoli obrázek“, bude zobrazovat počet všech pinů, které odkazují na adresu URL stránky, na které se zrovna nacházíte.

Pokud používáte počítadlo na straně tlačítka a pro tuto stránku nemáte žádné piny, pak se počítadlo nezobrazí. Objeví se ve chvíli, kdy budete mít přinejmenším jeden pin z dané stránky.

Pokud používáte tlačítko Uložit vytvořené pomocí pluginu třetí strany, obraťte se na tvůrce pluginu s dotazem, zda může problém vyřešit. 

Používáte-li vlastní tlačítko Uložit, vyzkoušejte tyto tipy:

  • Zkontrolujte si, že jste do kódu stránky zahrnuli JavaScript, a to přímo nad ukončovací značkou.
  • Pokud se řádek javascriptu na vaší stránce několikrát opakuje, odstraňte všechny jeho výskyty mimo posledního.
  • Pokud používáte jak pokročilou asynchronní, tak předchozí verzi javascriptu, jednu z nich odstraňte.
  • Pokud používáte plugin třetí strany, zkontrolujte, že již sám nepřidal řádku pinit.js do kódu vaší stránky. Pokud ano, nemusíte to již sami dělat ručně.
Někteří hostitelé nepodporují javascript, takže nebudete moci přidat kód z Návrháře widgetů. Mohou však nabízet jiné způsoby, jak widgety přidávat.

Zkuste problém vyřešit pomocí těchto tipů:
 
  • zkontrolujte, zda rozměr jedné strany (délka či šířka) vašich obrázků činí min. 100 pixelů a druhé strany min. 200 pixelů (aby se na obrázcích mohlo zobrazit vyskakovací tlačítko Uložit, musejí mít rozlišení alespoň 120 × 120 pixelů);
  • zajistěte, aby obrázky nebyly vloženy jako pozadí v kódu CSS a aby každý obrázek měl v tagu „img“ atribut „src“;
  • kód vyskakovacího tlačítka přidejte těsně nad koncový tag.

Znamená to, že vypršel časový limit pro vytvoření pinu na vašem webu. S touto situací bohužel nic nesvedeme. Obvykle nastává na pomalých webech. Problém je potřeba řešit na vaší straně.