Patrimoine culturel
Visites

   visiteurs

   visiteurs en ligne

Liens


bpapinou.gif

meric_graphisme.gif

Chez Jean-Mi

Chez Jean-Mi

divers - fenêtre de RECHERCHE google

Comment j'ai inséré en haut de page une fenêtre de recherche google?

Créez un compte google en cliquant sur "connexion" en haut à droite de votre page google

 

ci dessous en rouge les explications de google pour obtenir le code

Avant d'insérer des résultats Google AdSense pour les recherches sur votre site, veillez à créer la page sur laquelle seront présentés les résultats de recherche. Si votre hôte Web ou l'application de votre site ne vous permet pas de créer une URL distincte pour vos résultats de recherche, par exemple si vous utilisez Blogger, vous ne pourrez pas insérer vos résultats de recherche sur votre page.

Une fois créée la page sur laquelle seront présentés les résultats de recherche, procédez comme suit :

  1. Connectez-vous à votre compte à l'adresse https://www.google.com/adsense.
  2. Cliquez sur l'onglet Configuration AdSense.
  3. Sélectionnez Google AdSense pour les recherches en tant que produit.
  4. Au cours de la première étape de la procédure de configuration, faites défiler la page vers le bas pour afficher la section Autres options et cliquez sur la case d'option Afficher les résultats sur mon site.
  5. Entrez l'URL de la page que vous venez de créer dans laquelle s'afficheront les résultats. Vous devez créer cette page vous-même car elle ne sera pas automatiquement créée ni affichée pour l'URL que vous entrez. Si vous connaissez les URL relatives, vous pouvez en utiliser une au lieu d'entrer l'URL complète.
  6. Continuez à choisir les autres options applicables à votre champ de recherche et aux résultats.
  7. Copiez le code généré dans la zone Code de votre zone de recherche et collez-le dans le code source HTML de la page sur laquelle afficher le champ de recherche.
  8. Copiez le code généré dans la zone Code de vos résultats de recherche et collez-le dans le code source HTML de la page sur laquelle afficher les résultats de recherche

1) faites auprès de google https://www.google.com/adsense une demande de code de recherche. après inscription vous recevrez un lien de ce type par mail

http://www.google.com/coop/manage/cse/code?cx=007311187326267330385:1evitqej3do

2) cliquez sur:

puis sur: la superposition – nécessite une seule page, mais présente les résultats par superposition modale

3) inscrivez l'URL de votre site dans la case

4) générez le code que vous recopierez avant de le modifier légèrement


5) trouvez dans le fichier guppy  inc/hpage.inc la ligne suivante (chez moi c'est la ligne 335) et copiez votre code à la suite en le plaçant entre
?>  et  <?php

if ($menu_icon != "") {$page[9] = $sav_icon;} // restaure icons for center box

// début de code recherche google earth
?>

<div align="center" style="width:590px; margin:0 auto;text-align:center">
<form action="" id="searchbox_007311187326267330385:1evitqej3do" onsubmit="return false;">
  <div>
    <input type="text" name="q" size="40"/>
    <input type="submit" value="Search in Mycomenius"/>
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_007311187326267330385%3A1evitqej3do&amp;lang=en"></script>

<div id="results_007311187326267330385:1evitqej3do" style="display:none;">
  <div class="cse-closeResults">
    <a> Fermer</a>
  </div>
  <div class="cse-resultsContainer"></div>
</div>

<style type="text/css">
@import url(http://www.google.com/cse/api/overlay.css);
.cse-overlay { z-index:100; width:570px;}
</style>

<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=ABQIAAAAZDoIW1CMRgES87ULstW6KhQYkGc0-09RTj_iHO3dvAccOVoauhTcgHvXBNbtbg0-IsBSlT4YZtICqg&amp;hl=en" type="text/javascript"></script>
<script src="http://www.google.com/cse/api/overlay.js" type="text/javascript"></script>
<script type="text/javascript">
function OnLoad() {
  new CSEOverlay("007311187326267330385:1evitqej3do",
                 document.getElementById("searchbox_007311187326267330385:1evitqej3do"),
                 document.getElementById("results_007311187326267330385:1evitqej3do"));
}
GSearch.setOnLoadCallback(OnLoad);
</script>
</div>
<?php
// fin de code recherche google earth

 

6) après la ligne @import url(http://www.google.com/cse/api/overlay.css);

ajoutez cette ligne pour la mise en page du résultat en surimpression par dessus votre site:

.cse-overlay { z-index:100; width:auto;margin:0 220px;}

7) il ne reste plus qu'à remettre le fichier inc/hpage.inc à sa place.

 

Un merci particulier à Icare et à tous les autres guppystes.


Date de création : 04/03/2009 · 23:36
Dernière modification : 20/01/2010 · 18:19
Catégorie : divers
Page lue 2785 fois


Imprimer l'article Imprimer l'article

 
Films d'animation
Connexion...
 Liste des membres Membres : 37
membres 10 derniers membres :
alankoz    essai    Alain    michel84    chmol44    feraud    maritina    mido    Penanders    tebelo   

Votre pseudo :

Mot de passe :

[ Mot de passe perdu ? ]


[ Devenir membre ]


  Membre en ligne :
  Anonymes en ligne : 3

Total visites Total visites: 185380  

Record connectés :
Record connectés :Membres: 7

Le 17/12/2008 @ 21:40

Record connectés :Cumulé : 78

Le 13/06/2012 @ 17:46

^ Haut ^
haut de page
bas de page