Povoliť rozšírené piny na vašej stránke

Vďaka rozšíreným pinom sú na pinoch z vašej stránky ďalšie podrobnosti. V súčasnosti existujú štyri druhy rozšírených pinov: produkty, články, inštalácie appiek a recepty.


Pridajte si rozšírené piny na svoju webstránku:

  1. Vybavte svoju stránku metaznačkami alebo koncovým bodom oEmbed. Je to trochu technicky náročnejšie, takže sa asi budete musieť poradiť s vývojárom svojej webovej stránky. Stručné pokyny pre jednotlivé typy rozšírených pinov nájdete nižšie.
  2. Vyskúšajte svoje rozšírené piny
  3. Podajte žiadosť, aby sa objavili na Pintereste.

Kompletnú dokumentáciu k rozšíreným pinom pre vývojárov nájdete na našej stránke pre vývojárov.


Pokyny k jednotlivým druhom pinov:

Ak podávate žiadosť o rozšírené piny, mali by ste použiť taký markup na webstránke, ktorý zodpovedá hlavnému typu pinov na nej. Teda ak máte na svojej webstránke recepty, tak použite markup pre piny receptov a nie pre piny článkov.
 

Product Pins Product Pins
Produktové piny vám umožnia na pinoch z vašej webovej stránky zobraziť cenu, dostupnosť a popis produktu.
 
Ak chcete na svoj web pridať produktové piny, postupujte takto:

1. Pridajte kód Open Graph alebo  Schema.org do časti <head> </head> kódu HTML každej stránky, na ktorej chcete aktivovať rozšírené produktové piny. Ak používate službu Shopify, nižšie si prečítajte špecifické pokyny pre stránky využívajúci službu Shopify. Nižšie nájdete povinné polia rozšírených pinov pre každý typ kódu. Zvýraznené polia upravte tak, aby zodpovedali vašim produktom.

Kód Open Graph:
<meta property="og:title" content="Medená záložka de Young" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15" />
<meta property="og:price:currency" content="EUR" />
 

Kód Schema.org:

<div itemscope itemtype="https://schema.org/Product">

<meta itemprop="name" content="Medená záložka de Young" />
<meta itemprop="url" content="https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">15 EUR</span>
<meta itemprop="priceCurrency" content="EUR” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
</div>
 

2. Pomocou mechanizmu validácie rozšírených pinov skontrolujte, či sa údaje o rozšírených pinoch zobrazujú správne.

3. Ak všetko vyzerá byť v poriadku, kliknite na Požiadať. Pri odosielaní žiadosti nezabudnite vybrať správny kód. 

Rozšírené piny pridávame iba zo stránok, na ktorých je možné tieto produkty kúpiť. To znamená, že musí byť možné kúpiť produkt priamo z vašej a nie inej webovej stránky.
 
Nemusíte pridávať nijaké označenia, keď sa vaša webová stránka nachádza na:
  1. Shopify: Prejdite na našu stránku validácie rozšírených pinov, vlože svoj produktový odkaz a pridajte ".oembed" na koniec odkazu—uvidíte všetky informácie o rozšírenych pinoch týkajúce sa vášho produktu. Použite pre rozšírené piny z tejto webstránky (nezabudnite pri tom zvoliť práve Shopify).
  2. Etsy, Teachers Pay Teachers, eBay: Produktové informácie o nových pinoch z týchto stránok sa objavia do 24 hodín. 

Viac sa dozviete na našej stránke pre vývojárov. 

Article Pins Article Pins
Piny článkov vám umožnia zobraziť názov alebo titulok, popis a autora článku alebo blogového postu.
 
Ak chcete na svoju stránku pridať piny článkov, postupujte takto:

1. Pridajte kód Open Graph alebo  Schema.org do časti <head> </head> kódu HTML každej stránky, na ktorej chcete aktivovať rozšírené piny článkov. Nižšie nájdete povinné polia rozšírených pinov pre každý typ kódu. Zvýraznené polia upravte tak, aby zodpovedali vašim článkom.

Kód Open Graph: 
<meta property="og:title" content="Názov článku"/>
<meta property="og:description" content="Popis obsahu článku" />
<meta property="og:type" content="article" />
 
Kód Schema.org:
<meta property="og:site_name" content="Vzorová stránka” />
<div itemscope itemtype="https://schema.org/Article">
    <meta itemprop="url" content="https://www.example.com/2013/10/article.html" />
    <span itemprop="name" content="Názov článku” />, autor: <span itemprop="author" content="Peter Kováč” />
    <span itemprop="description">Popis alebo súhrn článku.</span>
    </div>
  1. Použite náš mechanizmus validácie rozšírených pinov, aby sme naisto videli údaje o rozšírených pinoch
  2. Ak to celé vyzerá byť v poriadku, kliknite Použiť teraz. Uistite sa, že ste pri tom použili HTML značky .
Článok je stránka, ktorá obsahuje text ako novinový článok alebo blogový post. Text tvorený zoznamom položiek (listicle) alebo stránky s prevahou obrazkov a minimom textu nepovažujeme za článok. 
 
Viac sa dozviete na našej stránke pre vývojárov.
 

App Install Pins App Install Pins
Piny appky majú tlačidlo Nainštalovať, ktoré presunie používateľov iOS do obchodu App Store na stiahnutie appky.
 
Ako vytvoriť pin appky:
  1. V zobrazení nástenky vyberte Pridať pin a nahrajte obrázok z počítača alebo iného zariadenia
  2. Nahrajte obrázok vašej appky vo vysokom rozlíšení
  3. Upravte pin, aby ste zmenili webovú stránku na svoju stránku v obchode App Store
Pozrite si App Store na Pintereste ponúkajúci výborné príklady pinov appiek. Piny appiek možno v súčasnosti vytvárať len pre appky z USA. Piny appiek možno v súčasnosti vytvárať len pre appky z USA a možno ich zobraziť len na zariadeniach so systémom iOS.

Recipe Pins Recipe Pins
Piny receptov vám umožnia pridať z vašej stránky k receptom názvy, počet porcií, čas prípravy, hodnotenia a zoznam prísad. Možno tiež uviesť, či je niečo podľa paleo diéty, vegetariánske, vegánske alebo bezlepkové.
 
Ak chcete na svoju stránku pridať piny receptov, postupujte takto:

1. Pridaj kód Schema.org alebo hrecipe do časti <head> </head> kódu HTML každej stránky, na ktorej chceš aktivovať rozšírené piny receptov. Nižšie nájdeš povinné polia rozšírených pinov pre každý typ kódu. Zvýraznené polia uprav tak, aby zodpovedali tvojim receptom. Poznámka: Hodnotenia sú podporované iba pri použití kódu Schema.org a v súčasnosti sa zobrazia iba v zariadeniach so systémami iOS a Android.

Kód Schema.org:
<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Pomarančovo-ananásovo-mrkvové smoothie</span>
   <span itemprop="description">
    Popis receptu.</span>
  <span itemprop="aggregateRating">
    Tu sa zobrazí agregované hodnotenie</span>
    <meta itemprop="url"
    <span itemprop="recipeYield">Serves 1</span>
    Prísady:
        <span itemprop="ingredients">prísada 1</span>,
        <span itemprop="ingredients">prísada 2</span>,
        <span itemprop="ingredients">prísada 3</span>,
        <span itemprop="ingredients">
    pridajte toľko značiek pre prísady, koľko potrebujete</span>.
    Postup:
    <span itemprop="recipeInstructions">
    Ananás, ľad, pomarančovú šťavu, mrkvu
    a banán vložte do mixéra. Rozmixujte do hladka.</span>
</div>
 
Značky hrecipe:
<article class="h-recipe">
  <h1 class="p-name">Bagely</h1>
  <ul>
    <li class="p-ingredient">Múka</li>
    <li class="p-ingredient">Cukor</li>
    <li class="p-ingredient">Kvasnice</li>
  </ul>
  <p>Čas prípravy <time class="dt-duration" datetime="1H">1 hodina</time>,
     porcie pre <data class="p-yield" value="4">štyri osoby</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Najskôr zmiešajte všetky prísady.</li>
    </ol>
  </div>
</article>
 

2. Pomocou mechanizmu validácie rozšírených pinov skontrolujte, či sa údaje o rozšírených pinoch zobrazujú správne.

3. Ak všetko vyzerá byť v poriadku, kliknite na Požiadať. Pri odosielaní žiadosti nezabudnite vybrať značky HTML.

Viac sa dozviete na našej stránke pre vývojárov. 


Pridanie rozšírených pinov do obchodu Shopify

  1. Prejdite na adresu URL konkrétneho produktu na vašej stránke Shopify  (je to stránka s tlačidlom Kúpiť alebo Pridať do košíka).
  2. Skopírujte a vložte adresu URL produktu do mechanizmu validácie rozšírených pinov a na koniec adresy URL produktu pridajte text .oembed.
  3. Kliknite na Overiť.
  4. Po zobrazení ukážky kliknite na Požiadať. Stačí si podať žiadosť na jednu adresu URL produktu z vašej webovej stránky.
  5. Pin sa zmení na rozšírení do 24 hodín.

Časté otázky:

Môžem na svojej webstránke vypnúť rozšírené piny?
Musím označiť všetky svoje stránky?
Musím podať žiadosť pre každú jednu stránku na mojom webe?
Kedy sa moje piny prejavia ako rozšírené piny?
Pri podávaní žiadosti sa objavuje chybové hlásenie.
Prečo sa moje recepty nezobrazujú ako rozšírené piny?

Ak si neprajete, aby piny z vašej webstránky obsahovali rozšírené piny, pridajte túto značku do záhlavia HTML vašich stránok:

<meta name="pinterest-rich-pin" content="false" />

Áno, na každú stránku, ktorá sa má na Pintereste zobrazovať s extra informáciami, budete musieť pridať metaznačky rozšírených pinov. Upozorňujeme, že rozšírené piny sú určené iba pre špecifické stránky s detailmi produktov, článkami alebo receptmi. Stránky, ako je domovská stránka alebo stránka s kategóriami, by sa nemali označovať. Na aktiváciu rozšírených pinov pre všetky stránky obsahujúce metaznačky na vašej webovej lokalite stačí, keď overíte iba jednu stránku so správne pridanými značkami a odošlete žiadosť.


Nie, stačí si podať žiadosť na jednu stránku z vášho webu. Po schválení vašej žiadosti, budú rozšírené piny povolené pre váš celý web.

Keď vám schválime možnosť rozšírených pinov, budú sa nové piny z vášho webuzobrazovať ako rozšírené, ak budú správne označene značkou produktu, článku alebo receptu.
 
V prípade starších pinov môže trvať aj niekoľko mesiacov, kým sa objavia ako rozšírené piny. 

Ak sa vám zobrazí Nepodarilo sa nám načítať žiadne dáta z vašej URL adresy, zrejme uplynie časový limit Pinterestu skôr, než stihneme vytvoriť pin na vašej webovej stránke. Žiaľ, tento problém nevieme odstrániť, pretože obvykle ho spôsobuje pomalosť webovej stránky. Tento problém môže nastať aj vtedy, ak vaša stránka blokuje žiadosti služieb Amazon Web Services (AWS). V takom prípade musíte odstrániť blokovanie pred podaním žiadosti o rozšírené piny.

Ak sa vám zobrazí Zdá sa, že vo vašej URL adrese chýbajú niektoré požadované informácie, znamená to, že chýba jedna alebo dokonca viaceré požadované značky rozšírených pinov. Na našej stránke pre vývojárov sa dočítate, ktoré značky uviesť. 

Nedávno sme pri receptoch prestali podporovať hrecipe microformat v1 a podporujeme už iba microformat v2 na rozšírené piny receptov. Viac o novom mikroformáte si prečítajte na tomto užitočnom odkaze: http://microformats.org/wiki/h-recipe
 
Odporúčame vám prejsť na microformat v2 alebo na tag shema.org, aby na vašej stránke boli podporované rozšírené piny receptov.


Poznámka: Od januára 2017 už nepodporujeme rozšírené piny venované miestam a filmom. Všetky existujúce piny venované miestam alebo filmom sa budú aj naďalej zobrazovať na Pintereste ako bežné piny.