DéveloppementsFichiers XML

Remplacer les résultats de la recherche Blogger par les résultats de la recherche personnalisée Google


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Gadget Gadget Version Template Version
Développement qui permet de remplacer les résultats de la recherche Blogger par les résultats de la recherche personnalisée Google.
Blog
1
1
2
Recherche Google dans les pages recherche du blog
Voilà un petit développement qui permettra de remplacer le contenu dans les pages des résultats de recherche Blogger par ceux de Google.
Divers réglages possibles. Libre choix de la boîte de recherche.
etc.


Intégrer Google Recherche dans les pages recherche du blog


Créer un moteur de recherche

Pour commencer, il est préférable de vérifier si votre blog est référencé.

  • Tableau de bord
  • Paramètres
  • Basique
  • Confidentialité
  • Visible pour les moteurs de recherche
  • OUI

Pensez également à rendre l'accès public à votre blog.

  • Tableau de bord
  • Paramètres
  • Basique
  • Autorisations
  • Lecteurs du blog
  • TOUS


Ensuite, vous devez créer un moteur de recherche pour votre blog.
Vous vous rendez sur la page de création de Google recherche personnalisée.

Vous complétez les informations demandées :
  • Nom du moteur
  • Une description
  • La langue
  • L'url de votre blog (avec l'extension "blogspot.com" si vous n'avez pas de domaine personnalisé)
  • Lire et ensuite accepter les conditions d'utilisation


Créer un moteur de recherche


En confirmant, vous obtiendrez une page de confirmation qui vous confirmera que vous avez confirmé. En bref, votre moteur a été créé.
Sur cette nouvelle page, on vous propose d'obtenir le code et d'afficher la page web de votre moteur.
Ignorez cette étape, puisque le code, c'est moi qui vous le fourni :D.


Confirmation de la création du moteur


Dans le menu de gauche (modifier le moteur de recherche), cliquez sur "configuration".
Sur cette page, vous y trouverez l'identifiant du moteur que vous ajoutez dans les paramètres ci-dessous.


Trouver l'identifiant du moteur de recherche




Haut de page




Paramétrer le code

Complétez ce tableau. Vos paramètres s'adapteront dans les codes ci-dessous.

Ajoutez l'identifiant de votre moteur de recherche
Ouverture des liens des résultats


Haut de page


Installer la page des résultats

Première partie du code
<b:if cond='data:blog.searchQuery != &quot;&quot;'>
<style scoped='scoped'>
#blog-pager-newer-link, #blog-pager-older-link {
  display: none;
}
</style>
  <div class='blog-posts'>
    <div class='date-outer'>
      <div class='date-posts'>
        <div class='post-outer'>
          <div class='post'>
            <h3 class='post-title'><data:blog.pageName/></h3>
            <div class='post-body'>
              <div class='gcse-searchresults-only' data-linkTarget='_top'/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<b:else/>
Où recopier le premier code ?

  • Tableau de bord
  • Modèle
  • Modifier le code HTML
  • Rechercher Gadget Blog1

Déployez (►) l'inclusion main et recopiez le code avant :


  <!-- posts -->
  <div class='blog-posts hfeed'>


Deuxième partie du code
</b:if>
Où recopier la seconde partie du code ?

Quelques lignes plus loin par rapport à l'emplacement du premier code. Recopiez avant :


  <!-- navigation -->
  <b:include name='nextprev'/>


Les emplacements cités peuvent varier selon les antécédents de chaque modèle.
Ceux mentionnés ici, coïncident avec la révision du mois de mars 2015 du gadget Blog.


Haut de page


Installer le script

Ce script permet de faire fonctionner tous les modules de Google Recherche Personnalisée (boîte de recherche et pages des résultats) :

<script>
  (function() {
    var cx = &#39;003612524042795990192:uc6zrec_imo&#39;;
    var gcse = document.createElement(&#39;script&#39;); gcse.type = &#39;text/javascript&#39;; gcse.async = true;
    gcse.src = (document.location.protocol == &#39;https:&#39; ? &#39;https:&#39; : &#39;http:&#39;) +
        &#39;//www.google.com/cse/cse.js?cx=&#39; + cx;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(gcse, s);
  })();
</script>
Où recopier ce code ?

  • Tableau de bord
  • Modèle
  • Modifier le code HTML

Le script doit être recopié dans le code HTML de votre blog juste avant la balise : </head>.




Haut de page


Installer la boîte de recherche

Jusqu'ici, on s'est concentré sur les pages des résultats. Dés à présent, il faut pouvoir y accéder. Pour cela, il faut une boîte de recherche.

La première solution consiste à utiliser celle présente dans la navbar.

Si vous avez désactivé la navbar, vous pouvez installer ce gadget : Boîte de recherche Blogger.


Si vous avez choisi l'une des 2 boîtes citées ci-dessus, passez au paragraphe suivant.


Si vous voulez utiliser la boîte de recherche Google, installez ce nouveau gadget :



La boîte de recherche Google est personnalisable depuis l'interface Google Recherche Personnalisée.

Vous pouvez modifier l'apparence, ajouter des termes de saisie semi-automatique, mettre des résultats en avant, etc

Pour que ce gadget soit totalement opérationnel, il faut créer une redirection.

Vous vous rendez dans le tableau de bord de votre moteur et accédez à l'onglet "Apparence".

Dans le choix de la mise en page, vous sélectionnez : Deux Pages.


Choisir une mise en page


Vous enregistrez en cliquant sur le bouton "Enregistrer et obtenir le code".

Vous serez réorienté vers la page qui vous fourni un code. Ignorez-le. A la place, cliquez sur le bouton : "Détails des résultats de recherche"

Dans la petite fenêtre qui s'ouvre, il vous est demandé de compléter deux cases :

Dans la première, l'url de la page des résultats de votre blog :

http://BLOG_NAME.blogspot.com/search

Et dans la deuxième case, le nom du paramètre de requête intégré dans l'URL.
Vous indiquez simplement la lettre q

N'oubliez pas d'enregistrer.


Paramètres de redirection


Si vous avez effectué toutes les étapes correctement, votre boîte Google devrait rediriger vers les pages recherche de votre blog.


Haut de page


Requêtes populaires

Au fil du temps, le nombre de requêtes vont se multiplier. Les requêtes utilisées plus de dix fois seront ajoutées dans le flux de votre moteur.

Grâce à ce flux, vous pouvez extraire les requêtes populaires et les afficher sur votre Blog.

Les codes sont fournis dans l'onglet "Statistiques". Il vous suffira de choisir la période (Jour, Semaine, Mois, Un an, Global), le type de trafic (Tout, Web, Images) et de les ajouter dans un gadget HTML/JS.


Haut de page


Monétisation

Si vous avez activé AdSense entre les articles, les annonces ne seront plus disponibles dans les pages recherches de votre blog.

Pour combler cette perte, vous pouvez activer la monétisation dans votre moteur de recherche personnalisée (voir onglet "Monétisation" dans le tableau de bord de la recherche personnalisée).
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire