data:posts - Blogger Data Documentation

Extrait de la documentation personnelle de
Blogger - Gadgets Blog (V1/V2), FeaturedPost (V2) et PopularPosts (V1/V2) - data:posts
Description de l'ensemble
data:posts est un tableau de données Blogger des gadgets « Articles du blog », « Article épinglé » et « Articles les plus populaires » qui contient les items en relation avec les articles.
Intégration dans le code XML
Dans les nœuds enfants des gadgets Blog, FeaturedPost et PopularPosts.
Directives d'usage et niveau de priorité de mise à jour
  1. Blog
  2. FeaturedPost
  3. PopularPosts
Thème Version 1
Garantie d'usage : Oui
Priorité faible
Thème Version 2
Garantie d'usage : Oui
Priorité moyenne
Thème Dynamique
Garantie d'usage : Aucune
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Thème Version 1
Garantie d'usage : Aucune
Aucune priorité
Thème Version 2
Garantie d'usage : Aucune
Aucune priorité
Thème Dynamique
Garantie d'usage : Aucune
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Thème Version 1
Garantie d'usage : Oui
Priorité faible
Thème Version 2
Garantie d'usage : Oui
Priorité moyenne
Thème Dynamique
Garantie d'usage : Aucune
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Disponibilité par défaut par type de pages
Blog Toutes les pages sauf les pages 404.
FeaturedPost Toutes les pages.
PopularPosts Toutes les pages.
Longueur maximum de l'ensemble
Blog Variable - Voir Introduction aux types de pages Blogger.
FeaturedPost 1 article.
PopularPosts 10 articles.
Set de réglages XML
Disponible.
Condition additionnelle
Aucune.
Tableau universel équivalent
widgets[i].posts

Ressources

Échantillonnage principal et les réglages du tableau


  widget: 
    type: Blog|PopularPosts,
    version: 1
  ,
  widget: 
    type: Blog|FeaturedPost|PopularPosts,
    version: 2
  ,
  this: 
    posts: array,
      
        size: number,
        length: number,
        empty: boolean,
        notEmpty: boolean,
        any: boolean,
        first: object,
        last: object

Échantillonnage des items du tableau - Gadget Blog Version 1


  widget: 
    type: Blog,
    version: 1
  ,
  this: 
    posts: 
      id: string,
      title: string,
      body: string,
      snippet: string,
      longSnippet: string,
      url: URL,
      canonicalUrl: URL,
      absoluteUrl: URL,
      link: string,
      thumbnailUrl: string,
      firstImageUrl: string,
      date: date,
      dateHeader: string,
      timestamp: string,
      timestampISO8601: string,
      lastUpdatedISO8601: string,
      author: string,
      authorProfileUrl: string,
      authorAboutMe: string,
      authorPhoto: object,
      hasJumpLink: boolean,
      jumpText: string,
      isFirstPost: boolean,
      isDateStart: boolean,
      adminClass: string,
      editUrl: string,
      commentSource: number,
      commentConfig: string,
      commentJso: string,
      commentMsgs: string,
      commentSrc: string,
      allowComments: boolean,
      allowNewComments: boolean,
      noNewCommentsText: string,
      numComments: number,
      commentLabelFull: string,
      addCommentUrl: URL,
      addCommentOnclick: string,
      commentPagingRequired: boolean,
      hasOlderLinks: boolean,
      oldLinkClass: string,
      oldestLinkUrl: URL,
      oldestLinkText: string,
      olderLinkUrl: URL,
      olderLinkText: string,
      hasNewerLinks: boolean,
      newLinkClass: string,
      newerLinkUrl: URL,
      newerLinkText: string,
      newestLinkUrl: URL,
      newestLinkText: string,
      commentRangeText: string,
      commentFormIframeSrc: string,
      embedCommentForm: boolean,
      showThreadedComments: boolean,
      commentHtml: string,
      avatarIndentClass: string,
      includeAd: boolean,
      emailPostUrl: string,
      sharePostUrl: string,
      dummyTag: string,
      googlePlusShareTag: string,
      cmtfpIframe: string,
      appRpcRelayPath: string,
      location: object,
      labels: array,
      feedLinks: array,
      comments: array,
      enclosures: array

Échantillonnage des items du tableau - Gadget Blog Version 2


  widget: 
    type: Blog,
    version: 2
  ,
  this: 
    posts: 
      id: string,
      title: string,
      body: string,
      snippets: object,
      url: URL,
      absoluteUrl: URL,
      link: string,
      thumbnailUrl: string,
      featuredImage: image,
      date: date,
      lastUpdated: date,
      author: object,
      hasJumpLink: boolean,
      isFirstPost: boolean,
      isDateStart: boolean,
      postAuthorClass: string,
      adminClass: string,
      commentSource: number,
      commentConfig: string,
      commentJso: string,
      commentMsgs: string,
      commentSrc: string,
      allowComments: boolean,
      allowNewComments: boolean,
      noNewCommentsText: string,
      numberOfComments: number,
      commentsUrl: URL,
      commentsUrlOnclick: string,
      commentPagingRequired: boolean,
      hasOlderLinks: boolean,
      oldLinkClass: string,
      oldestLinkUrl: URL,
      olderLinkUrl: URL,
      hasNewerLinks: boolean,
      newLinkClass: string,
      newerLinkUrl: URL,
      newestLinkUrl: URL,
      commentRangeText: string,
      commentFormIframeSrc: string,
      embedCommentForm: boolean,
      showThreadedComments: boolean,
      commentHtml: string,
      avatarIndentClass: string,
      includeAd: boolean,
      adNumber: number,
      emailPostUrl: string,
      shareUrl: string,
      cmtfpIframe: string,
      appRpcRelayPath: string,
      location: object,
      labels: array,
      feedLinks: array,
      comments: array,
      enclosures: array

Échantillonnage des items du tableau - Gadgets FeaturedPost et PopularPosts Version 2


  widget: 
    type: FeaturedPost|PopularPosts,
    version: 2
  ,
  this: 
    posts: 
      id: number,
      title: string,
      body: string,
      snippets: object,
      featuredImage: image,
      url: URL,
      absoluteUrl: URL,
      shareUrl: string,
      emailPostUrl: string,
      commentsUrl: URL,
      commentsUrlOnclick: string,
      commentSource: number,
      numberOfComments: number,
      allowComments: boolean,
      hasJumpLink: boolean,
      date: date,
      lastUpdated: date,
      labels: array,
      author: object

Échantillonnage des items du tableau - Gadget PopularPosts Version 1


  widget: 
    type: PopularPosts,
    version: 1
  ,
  this: 
    posts: 
      id: string,
      href: URL,
      title: string,
      snippet: string,
      thumbnail: image
      featuredImage: image

Parenté - Enfant de :

  • FeaturedPost
  • this
  • posts
  • PopularPosts
  • this
  • posts

Implémentation des items du tableau

Méthode d’Aliasing de l’Array

<b:includable id='main'>

  <b:loop values='data:posts' var='post'>

    <!-- Tag -->
    <data:post.ITEM_NAME/>

    <!-- Attribute value -->
    <b:eval expr='data:post.ITEM_NAME'/>

  </b:loop>

</b:includable>

L’Alias Array Method est utilisée pour parcourir un tableau (Array) en stockant temporairement chaque élément dans une variable avec <b:loop>. Cette approche est indispensable, car il est impossible d’accéder directement aux indices d’un tableau sans une boucle.

Méthode d’Aliasing par Inclusion

Aliasing de l’Array
<b:includable id='main'>
  
  <b:include data='posts' name='content'/>

</b:includable>
<b:includable id='content' var='postList'>

  <b:loop values='data:postList' var='post'>

    <!-- Tag -->
    <data:post.ITEM_NAME/>

    <!-- Attribute value -->
    <b:eval expr='data:post.ITEM_NAME'/>

  </b:loop>

</b:includable>
Aliasing de l’Objet
<b:includable id='main'>

  <b:loop values='data:posts' var='post'>
  
    <b:include data='post' name='content'/>

  </b:loop>

</b:includable>
<b:includable id='content' var='p'>

  <!-- Tag -->
  <data:p.ITEM_NAME/>

  <!-- Attribute value -->
  <b:eval expr='data:p.ITEM_NAME'/>

</b:includable>
Aliasing de l’Item
<b:includable id='main'>

  <b:loop values='data:posts' var='post'>
  
    <b:include data='post.ITEM_NAME' name='content'/>

  </b:loop>

</b:includable>
<b:includable id='content' var='postItem'>

  <!-- Tag -->
  <data:postItem/>

  <!-- Attribute value -->
  <b:eval expr='data:postItem'/>

</b:includable>

L’Alias Include Method est une approche avancée qui consiste à passer un array, un objet ou un item en tant que donnée à une inclusion <b:include>. Cette méthode permet d’améliorer la modularité du gadget et de faciliter la réutilisation du code, notamment lorsqu’un même jeu de données doit être exploité dans plusieurs inclusions.

Méthode d’Aliasing de l’Instance du Gadget

<b:includable id='main' var='this'>

  <b:loop values='data:this.posts' var='post'>

    <!-- Tag -->
    <data:post.ITEM_NAME/>

    <!-- Attribute value -->
    <b:eval expr='data:post.ITEM_NAME'/>

  </b:loop>

</b:includable>

La Gadget Instance Aliasing Method consiste à stocker l’instance du gadget en cours dans une variable temporaire définie dans la balise principale <b:includable>, afin de faciliter l’accès à ses données. Elle permet également de réutiliser les inclusions enfants (ou inclusions communes) qui partagent des jeux de données similaires, même lorsque les items ne sont pas situés dans le même dictionnaire.

Indice de l'item

<b:includable id='main'>

  <b:loop values='data:posts' var='post' index='i'>

    <!-- Index (number) -->
    <data:i/>

    <!-- Index [i] -->
    <b:eval expr='data:posts[i].ITEM_NAME'/>

    <!-- Index [i+1] -->
    <b:with value='data:i + 1' var='next'>
      <b:eval expr='data:posts[next].ITEM_NAME'/>
    </b:with>

    <!-- Index [i-1] -->
    <b:if cond='data:i gt 0'>
      <b:with value='data:i - 1' var='prev'>
        <b:eval expr='data:posts[prev].ITEM_NAME'/>
      </b:with>
    </b:if>

  </b:loop>

</b:includable>

L'indice est un nombre entier positif (0 compris) qui représente la position de l'élément dans un tableau. Il peut être intègré directement dans la donnée de cette manière : data:array[index].item. Quant à la donnée, elle doit obligatoirement être dans un attribut d'expression.
Dans notre exemple, nous utilisons l'indice pour retrouver l'élément courant [i], l'élément suivant [i+1] et l'élément précédant [i-1].

Sens inverse de la boucle

<b:includable id='main'>

  <!-- REVERSE EXPLICIT -->
  <b:loop values='data:posts' var='post' reverse='true'>
    <data:post.ITEM_NAME/>
  </b:loop>

  <!-- REVERSE CONDITION -->
  <b:loop values='data:posts' var='post' expr:reverse='data:view.isPost'>
    <data:post.ITEM_NAME/>
  </b:loop>

</b:includable>

Le sens de lecture du tableau peut être inversé en injectant l'attribut reverse dans la balise <b:loop>. La valeur de l'attribut doit être true (vrai).

Dans nos exemples, nous utilisons 2 méthodes.

  • La première, est une valeur explicite permanente.
  • Dans la 2e méthode, nous ajoutons une expression booléenne qui inversera la boucle que si le résultat est vrai.

Les réglages du tableau

Les réglages sont des items contenus dans l'objet du tableau qui renvoient une nouvelle valeur. Dans la syntaxe, ils s'ajoutent à la suite du nom du tableau.

Introduction aux réglages des données

Les réglages autorisés pour ce tableau sont :

Premier et dernier item du tableau

<b:includable id='main'>

  <!-- FIRST -->
  <b:eval expr='data:posts.first.ITEM_NAME'/>

  <!-- LAST -->
  <b:eval expr='data:posts.last.ITEM_NAME'/>

</b:includable>

Remarque :

Dans le gadget FeaturedPost, le premier et le dernier item sont toujours identiques.

first et last sont des filtres qui permettent d'obtenir respectivement le premier et dernier élément d'un tableau sans avoir à recourir à l'usage d'une boucle.

Premier et dernier set d'un tableau

Longueur du tableau

<b:includable id='main'>

  <!-- WITH SIZE -->
  <data:posts.size/>

  <!-- WITH LENGTH -->
  <data:posts.length/>

</b:includable>

Les suffixes size et length permettent de connaître le nombre de set dans ce tableau. Le résultat sera une valeur numérique.

Longueur d'un tableau

Ce tableau est vide ?

<b:includable id='main'>

  <!-- EMPTY -->
  <b:if cond='data:posts.empty'></b:if>

  <!-- NOT EMPTY -->
  <b:if cond='data:posts.notEmpty'></b:if>

  <!-- ANY -->
  <b:if cond='data:posts.any'></b:if>

</b:includable>

Pour savoir si ce tableau n'est pas vide, appliquez le suffixe empty au tableau.
Pour vérifier si ce tableau contient des sets, appliquez les suffixes notEmpty ou any au tableau.
Quelque soit le suffixe, l'expression renverra une valeur booléenne.

Le tableau est vide ?

Intégration dans des opérations

Des opérateurs peuvent traiter les tableaux et leur contenu. Le nombre de combinaisons étant très élevé, nous vous fournissons uniquement que quelques exemples basics.

Introduction aux opérateurs

Inclure les sets jusqu'à / à partir de

<b:includable id='main'>

  <!-- HALF ARRAY LENGTH (POSITIVE INTEGER) -->
  <b:with value='(data:posts.length - (data:posts.length % 2)) / 2' var='half'>

    <!-- TAKE (FIRST HALF) -->
    <b:loop values='data:posts take data:half' var='post'>
      <b:eval expr='data:post.ITEM_NAME'/>
    </b:loop>

    <!-- SKIP (SECOND HALF) -->
    <b:loop values='data:posts skip data:half + 1' var='post'>
      <b:eval expr='data:post.ITEM_NAME'/>
    </b:loop>

  </b:with>

</b:includable>

take et skip sont deux opérateurs de tableaux qui permettent de contrôler le nombre de sets à inclure dans la boucle.

take inclu jusqu'au énième set, tandis que skip inclu à partir du énième set.

Dans notre exemple, nous divisons la longueur totale du tableau par 2 et nous traitons la 1ère moitié et la seconde moitié du tableau dans 2 boucles séparées.

Les opérateurs de tableaux

Plage de nombres

<b:includable id='main'>

  <b:if cond='data:posts.any'>

    <!-- CHRONOLOGICAL -->
    <b:loop values='0 to data:posts.size - 1' var='number'>
      <b:eval expr='data:posts[number].ITEM_NAME'/>
    </b:loop>

    <!-- REVERSE -->
    <b:loop values='data:posts.size - 1 to 0' var='number'>
      <b:eval expr='data:posts[number].ITEM_NAME'/>
    </b:loop>

  </b:if>

</b:includable>

to est un opérateur qui génère une plage de nombres.

Dans cet exemple, nous utilisons l'opérateur comme indice. Ce qui permet de controler le sens de lecture de la boucle.

Opérations Lambdas

<b:includable id='main'>

  <!-- CONDITION -->
  <b:if cond='data:posts all (post => post.ITEM_NAME)'></b:if>

  <!-- COUNT -->
  <b:eval expr='data:posts count (post => post.ITEM_NAME)'/>

  <!-- FILTER -->
  <b:loop values='data:posts where (post => post.ITEM_NAME)' var='post'>
    <b:eval expr='data:post.ITEM_NAME'/>
  </b:loop>

  <!-- MAPPING -->
  <b:loop values='data:posts map (post => post.ITEM_NAME)' var='item'>
    <b:eval expr='data:item'/>
  </b:loop>

</b:includable>

Un lambda est une expression qui évalue le contenu d'un tableau. Selon l'opérateur, on peut obtenir une condition, un compteur, un filtre ou un mappage d'après un ou plusieurs critères spécifiques au contenu de ce tableau.

Dans nos exemples, nous reprenons la syntaxe basique de chaque opérateur avec comme critère un quelconque item du tableau. Ce critère peut être une opération plus complexe.

Les opérateurs lambdas

Alias dans le modèle

Cette section permet d'identifier les emplacements dans le fichier XML où la donnée est implémentée sous différents alias. L’alias peut être identique à la clé d’origine ou être une adaptation spécifique à une ou plusieurs inclusions.

Dans le tableau ci-dessous, nous ne mentionnons que les assignations directes sans manipulation de la valeur, à l'exception des réglages appliqués par suffixe.

Source & contribution

Google PE Program
Équipe Blogger/Experts Produit Blogger

Classifications, corrélations & échantillonnages

Soraya Lambrechts

Dernière mise à jour

Licence

Ce contenu est protégé par la licence CC BY-NC-ND 4.0

🛈 Info

Il arrive fréquemment que nos contenus soient reproduits sans autorisation. Si vous avez trouvé cette fiche ailleurs, nous vous recommandons vivement de consulter Blogger Code PE pour bénéficier de la version originale, à jour et vérifiée.

Spotlight

La balise TITLE sur Blogger

Image
Histoire, bonnes pratiques, optimisation SEO et conseils avancés ! Découvrez dans ce dossier complet comment maîtriser parfaitement la balise <title> sur votre blog Blogger : de ses origines historiques à son rôle crucial en référencement naturel (SEO), en passant par les bonnes pratiques actuelles. Apprenez à rédiger des titres efficaces, attractifs, optimisés pour Google et l'expérience utilisateur, tout en évitant les erreurs fréquentes. Un guide incontournable pour améliorer votre visibilité et propulser votre blog Blogger au sommet des résultats de recherche !
En savoir plus ➤

Populaires cette semaine