Networks dev.Boîte de dialogueVersion officielle

Pinterest - Boîte épingle

Les paramètres de l'url de la boîte

Adresse
https://pinterest.com/pin/create/bookmarklet/

Paramètre Valeur Signification
url https:// Adresse web à épingler.
media https:// Adresse de l'image à épingler.
description Description de l'épingle.


Exemple HTML

HTML
<a href="https://pinterest.com/pin/create/bookmarklet/?url=https://bloggercode-blogconnexion.blogspot.com/1996/12/share-dial-Pinterest.html&media=https://3.bp.blogspot.com/--wBJIsEEEx0/VzwIvm1BPNI/AAAAAAAAkKQ/ZvuC_ugLfSYiEUwIHxppnjQ76OCHKwREgCKgB/s1600/sharedial-pinterest.jpg&description=Ajouter%20le%20bouton%20Pin-It%20de%20Pinterest%20sur%20son%20blog%20Blogger"
   target="_blank"
   title="Épingler sur Pinterest">
Ouvrir la boîte de dialogue de partage Pinterest
</a>


Conversion XML

XML
<b:if cond='Expression Blogger'>
  <a expr:href='Expression Blogger'
     target='_blank'
     title='Épingler sur Pinterest'>
  Ouvrir la boîte de dialogue de partage Pinterest
  </a>
</b:if>

Pour automatiser certaines variables comme par exemple l'url canonique et l'image à partager, certaines données et certains opérateurs peuvent être intégrés dans le code.
Vous choisissez les données a intégrer en fonction de l'emplacement du code dans le modèle. Par exemple, si le code est injecté dans le widget Blog, vous ajoutez des données issues du dictionnaire du widget Blog.

Données recommandées :

Exemple 1 - Dictionnaire global
<b:if cond='data:view.featuredImage'>
  <a expr:href='"https://pinterest.com/pin/create/bookmarklet/?url=" + data:blog.url.canonical + " &amp;media=" + data:view.featuredImage + "&amp;description=" + data:view.description.escaped'
     target='_blank'
     title='Épingler sur Pinterest'>
  Ouvrir la boîte de dialogue de partage Pinterest
  </a>
</b:if>

Exemple 2 - Dictionnaire widget Blog (articles)
<b:loop values='data:posts' var='post'>
  <b:if cond='data:post.firstImageUrl'>
    <a expr:href='"https://pinterest.com/pin/create/bookmarklet/?url=" + data:post.url.canonical + " &amp;media=" + data:post.firstImageUrl + "&amp;description=" + data:post.snippet.escaped'
       target='_blank'
       title='Épingler sur Pinterest'>
    Ouvrir la boîte de dialogue de partage Pinterest
    </a>
  </b:if>
</b:loop>

Exemple 3 - Image redimensionnée
<b:if cond='data:view.featuredImage'>
  <b:with value='data:view.featuredImage.isResizable ? resizeImage(data:view.featuredImage,200,"1:1") : data:view.featuredImage' var='image'>
    <a expr:href='"https://pinterest.com/pin/create/bookmarklet/?url=" + data:blog.url.canonical + " &amp;media=" + data:image + "&amp;description=" + data:view.description.escaped'
       target='_blank'
       title='Épingler sur Pinterest'>
    Ouvrir la boîte de dialogue de partage Pinterest
    </a>
  </b:with>
</b:if>
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire