data:posts[i].commentsUrlOnclick - Blogger Data Documentation

Extrait de la documentation personnelle de
Blogger - Gadgets Blog, FeaturedPost et PopularPosts - data:posts[i].commentsUrlOnclick
Description de la donnée
data:posts[i].commentsUrlOnclick est une donnée Blogger des gadgets « Articles du blog », « Article épinglé » et « Articles les plus populaires » contenant la fonction javascript « onclick » qui permet d'ouvrir dans une fenêtre pop-up la page externe des commentaires de l'article.
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
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
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 la valeur
Indéfini.
Set de réglages XML
Disponible.
Condition additionnelle
L'emplacement des commentaires doit être paramètré sur l'option « Fenêtre pop-up ».
Donnée équivalente Gadget Version 1
posts[i].addCommentOnclick

Ressources

Échantillonnage des ressources


  widget: 
    type: Blog|FeaturedPost|PopularPosts,
    version: 2
  ,
  this: 
    posts: 
      commentsUrlOnclick: string,
        
          size: number,
          length: number,
          escaped: string,
          jsEscaped: string,
          jsonEscaped: string,
          cssEscaped: string

Parenté - Enfant de :

Contrôle de la valeur

Valeur

La valeur de la donnée est une fonction javascript qui s'intègre dans un attribut « onclick ». L'instruction ouvre dans une fenêtre pop-up le lien contenu dans l'attribut « href ».

Sa classification officielle est de type String.

Elle est disponible uniquement si l'emplacement des commentaires a été paramètré sur « Fenêtre pop-up » :

Valeur
javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;

Activer/Désactiver

  • UI
  • Paramètres
  • Commentaires
  • Emplacement des commentaires
  • Fenêtre pop-up
Activer les commentaires dans une fenêtre pop-up.

Implémentation de la donnée

La donnée étant encapsulée dans plusieurs tableaux, le choix de la méthode d’implémentation dépendra du résultat recherché.
Afin d’optimiser les performances (temps de réponse et poids du fichier XML), il est conseillé de limiter le nombre de boucles et de privilégier l’usage de filtres avancés :

Méthode d’Aliasing de l’Array

<b:includable id='main'>

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

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

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

  </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.commentsUrlOnclick/>

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

  </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.commentsUrlOnclick/>

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

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

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

  </b:loop>

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

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

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

</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.

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].commentsUrlOnclick'/>

    <!-- Index [i+1] -->
    <b:with value='data:i + 1' var='next'>
      <b:eval expr='data:posts[next].commentsUrlOnclick'/>
    </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].commentsUrlOnclick'/>
      </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].

Premier et dernier item

<b:includable id='main'>

  <!-- First -->
  <b:eval expr='data:posts.first.commentsUrlOnclick'/>

  <!-- Last -->
  <b:eval expr='data:posts.last.commentsUrlOnclick'/>

</b:includable>

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.

Mappage

<b:includable id='main'>

  <b:loop values='data:posts map (post => post.commentsUrlOnclick)' var='commentsUrlOnclick'>

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

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

  </b:loop>

</b:includable>

Le mappage est une opération qui consiste à regrouper des items d'un ensemble dans un nouvel ensemble.

Dans ce cas-ci, nous utilisons l'opérateur lambda map.

Réglages de la donnée

Les réglages sont des items contenus dans l'objet de la donnée qui renvoient une nouvelle valeur. Ils s'ajoutent à la suite de la donnée.

Introduction aux réglages des données

Les réglages autorisés pour cette donnée sont :

Longueur de la chaîne de caractères

<b:includable id='main'>

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

    <!-- WITH SIZE -->
    <data:post.commentsUrlOnclick.size/>

    <!-- WITH LENGTH -->
    <data:post.commentsUrlOnclick.length/>

  </b:loop>

</b:includable>

Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.

Longueur de la chaîne de caractères

Échappements de la chaîne de caractères

<b:includable id='main'>

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

    <!-- HTML ESCAPED -->
    <data:post.commentsUrlOnclick.escaped/>

    <!-- JS ESCAPED -->
    <data:post.commentsUrlOnclick.jsEscaped/>

    <!-- JSON ESCAPED -->
    <data:post.commentsUrlOnclick.jsonEscaped/>

    <!-- CSS ESCAPED -->
    <data:post.commentsUrlOnclick.cssEscaped/>

  </b:loop>

</b:includable>

La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.

Échappements de la chaîne de caractères

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