Cette section est close pour le moment.
Mais je n'arrête pas la veille, loin de là. Retrouvez mes projets sur Github et sur cette page qui sera à jour plus régulierement


Ressources

Définition de ressource : (nom féminin) Qui peut fournir ce dont on a besoin.
Vous l'aurez compris, sur cette page ce ne sont pas vraiment des tutoriels, c'est plutôt des penses-bêtes plus ou moins fournis mais qui vous permettront d'avoir des bases concernant la programmation.
Recherche par tag

Ajouter des articles sur votre Pinterest

Ajouter des articles sur votre Pinterest
Publication : Le 30/03/2013 à 15:14:36

Introduction

Ce réseau social est créé en 2010 par Paul Sciarra, Evan Sharp et Ben Silvermann. Grâce à un système de 'punaise' (un pin) vous pouvez partager des articles, des vidéos, vos passions et vos centres d'intérêt.

A titre personnel je l'utilise pour mettre dans un tableau de veille les articles qui m’intéressent.

Afin de faciliter l'utilisation de ce réseau social, Pinterest propose 5 outils pour interagir avec le site.

Tout d'abord le javascript

Si vous souhaitez utiliser Pinterest, vous allez devoir charger le javascript.
Le chargement doit se faire qu'une seule fois par page, il se fait très facilement, deux manières sont proposées.

La plus simple est de charger le fichier js :
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
Mais vous pouvez également utiliser une manière avancée :
<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

Suivre un utilisateur

Pour suivre un utilisateur, vous avez besoin de deux paramètres:

- l'url du compte pinterest de l'utilisateur
- son nom
<?php
$pinterest_href = "http://pinterest.com/effereddy/";
$pinterest_content = "Freddy CHESNEL";
?>

<a data-pin-do="buttonFollow" href="<?php echo $pinterest_href; ?>"><?php echo $pinterest_content; ?></a>

Afficher un Pin

Je n'ai que très peu vu ce genre de partage, mais vu qu'il existe et qu'il est simple à utiliser, autant montrer comment ça fonctionne.

Tout d'abord, il faut que le pin est déjà été ajouté à Pinterest (ce qui doit être un frein à son exploitation selon moi)

En mettant en paramètre l'url du Pin, vous allez pouvoir afficher le contenu:
<?php
$pinterest_url = "http://pinterest.com/pin/319474167286772771/";
?>

<a data-pin-do="embedPin" href="<?php echo $pinterest_url ?>"></a>

Pour punaiser un article

Sans doute le widget dont vous avez le plus besoin. Il sert à configurer et partager un article facilement.

Vous allez devoir configurer 4 données :
- Le type de bouton (si vous souhaitez voir le nombre de pin déjà effectué ou non).
- L'url de l'article
- L'image d'illustration (Il est impossible de punaiser un article si il n'y a pas d'image)
- La description
<?php
$pinterest_type = "above"; // Pour voir le nb de pin au-dessus du bouton, (beside pour droite, none pour non)
$pinterest_url = "http://freddychesnel.fr/mon-lien.html";
$pinterest_image = "http://freddychesnel.fr/mon-image.png";
$pinterest_description = "Le résumé de mon article";
?>

<a data-pin-config="<?php echo $pinterest_type; ?>" href="//pinterest.com/pin/create/button/?url=<?php echo $pinterest_url; ?>&media=<?php echo $pinterest_image; ?>&description=<?php echo $pinterest_description; ?>" data-pin-do="buttonPin" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>

Partager son profil

Comme pour le bouton d'abonnement à un utilisateur, il vous faudra l'url du compte Pinterest de l'utilisateur.

Vous allez également pouvoir choisir la taille du tableau et des ses images pour personnaliser l'affichage. Ces paramètres sont optionnels.

Exemple pour le tableau représentant mon compte avec une taille d'image de 200px et un tableau de 600*800 :
<a data-pin-do="embedUser" href="http://pinterest.com/effereddy/" data-pin-scale-width="200" data-pin-scale-height="800" data-pin-board-width="600"></a>

Partager un tableau

Il faut suivre le fonctionnement du partage de profil. Seul l'url change car elle doit pointer vers un tableau, exemple pour le tableau de ressource de mon site :
<a data-pin-do="embedBoard" href="http://pinterest.com/effereddy/mes-ressources" data-pin-scale-width="150" data-pin-scale-height="600" data-pin-board-width="450"></a>

Conclusion

Les développeurs de Pinterest ont vraiment faciliter le travail des personnes voulant partager ses pins, et c'est tant mieux!

Sur le même thème

Ajouter des articles sur votre Pinterest
Publication : Le 30/03/2013 à 15:14:36

Suggestion :

Zoom sur les QR Code

Zoom sur les QR Code