Insertion d'un bouton google+1, échec...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par occitanm, 28 Mai 2013.

  1. occitanm
    occitanm Nouveau WRInaute
    Inscrit:
    26 Mars 2011
    Messages:
    30
    J'aime reçus:
    0
    Bonjour à tous,

    j'aimerai insérer un bouton google +1 sur ma page index, je suis donc allé chercher le code:

    <!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. -->
    <g:plusone annotation="none"></g:plusone>

    <!-- Placez cette ballise après la dernière balise Bouton +1. -->
    <script type="text/javascript">
    window.___gcfg = {lang: 'fr'};

    (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>


    Mais sa ne fonctionne pas , aprés de nombreux essais. Apparament il faut mettre la balise javascript juste avec "body", et placer le bouton ou on veut. En attendant j'ai mis un lien vers ma page google+, avec l'icone google +.

    Je post ici le code de ma page, si une bonne âme veut bien m'aider a comprendre ou placer ce code.... merci ! :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link href="https://plus.google.com/112099046363491892871" rel="publisher" />
    <link rel="icon" type="image/png" href="mafavicon.png" />
    <meta name="Reply-to" content="occitanmultimedia@gmail.com">
    <meta name="Robots" content="all">
    <meta name="Keywords" content="photographe, mariage, toulouse">
    <meta name="Category" content="photographe mariage">
    <title>OccitanMultimedia - Photographe de mariage a Toulouse -portraits -reportage - mariage</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="imagetoolbar" content="false">
    <meta name="Description" content="Photographe de mariage à Toulouse, cameraman de mariage, 595€ journée photo complète. 06 66 57 14 05">
    <style type="text/css">
    <!--

    #apDiv1 {
    position: absolute;
    width: 92%;
    z-index: 13;
    top: 600%;
    font-size: 18px;
    text-align: left;
    left: 15%;
    color: #000;
    }
    #apDiv2 {
    position:absolute;
    width:1188px;
    height:626px;
    z-index:1;
    left: 227px;
    top: 241px;
    }
    a:link {
    color: #666;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #666;
    }
    a:hover {
    text-decoration: none;
    color: #666;
    }
    a:active {
    text-decoration: none;
    color: #666;
    }
    #lmwcbackpanelinner #apDiv1 p {
    text-align: justify;
    }
    #lmwcbackpanelinner #apDiv1 p {
    font-size: 24px;
    }
    #apDiv3 {
    position:absolute;
    width:168px;
    height:38px;
    z-index:2;
    left: 874px;
    top: 162px;
    }
    #apDiv4 {
    position:absolute;
    width:22%;
    z-index:3;
    left: 77%;
    top: 31%;
    }
    #apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:5;
    left: 875px;
    top: 163px;
    }
    #apDiv6 {
    position:absolute;
    width:101px;
    height:33px;
    z-index:-1;
    left: 412px;
    top: 131px;
    color: #FFF;
    }
    #apDiv7 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
    font-size: 18px;
    }
    #apDiv8 {
    position:absolute;
    width:95px;
    height:30px;
    z-index:6;
    font-size: 18px;
    left: 1015px;
    top: 22px;
    }
    #apDiv9 {
    position:absolute;
    width:86px;
    height:20px;
    z-index:7;
    left: 1118px;
    top: 26px;
    }
    #apDiv10 {
    position:absolute;
    width:404px;
    height:115px;
    z-index:1;
    left: -85px;
    }
    #apDiv11 {
    position:absolute;
    width:46%;
    z-index:8;
    left: 29%;
    top: 0%;
    border: 0;
    border-bottom: 0;
    border-bottom-color: 0;
    border-bottom-style: 0;
    border-bottom-width: 0px;
    border-collapse: 0;
    border-color: 0;
    border-left: 0;
    border-left-color: 0;
    border-width: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    }
    #apDiv12 {
    position:absolute;
    width:40%;
    z-index:14;
    left: 25%;
    top: 26%;
    }
    #apDiv13 {
    position:absolute;
    width:320px;
    height:46px;
    z-index:9;
    left: 1001px;
    top: 119px;
    }
    #apDiv14 {
    position:absolute;
    width:547px;
    height:447px;
    z-index:9;
    left: 468px;
    top: 249px;
    }
    #apDiv15 {
    position:absolute;
    width:85%;
    z-index:10;
    left: 11%;
    top: 102%;
    font-size: 18px;
    color: #3B3B3B;
    text-align: justify;
    }
    #apDiv16 {
    position: absolute;
    width: 42%;
    height: 55%;
    z-index: 11;
    left: 34%;
    top: 39%;
    }
    #lmwcbackpanelinner #apDiv1 p {
    font-size: 16px;
    }
    #apDiv17 {
    position:absolute;
    width:1126px;
    height:314px;
    z-index:12;
    left: 11px;
    top: 496px;
    color: #CCC;
    }
    #apDiv18 {
    position:absolute;
    width:22%;
    z-index:12;
    top: 33%;
    left: 10%;
    }
    #apDiv19 {
    position:absolute;
    width:1680px;
    height:893px;
    z-index:13;
    left: 336px;
    top: 1587px;
    }
    #apDiv20 {
    position:absolute;
    width:2020px;
    height:1059px;
    z-index:14;
    left: 284px;
    top: 2645px;
    }
    #apDiv21 {
    position:absolute;
    width:1007px;
    height:59px;
    z-index:13;
    left: 293px;
    top: 666px;
    }
    #apDiv15 p strong {
    text-align: center;
    }
    #apDiv15 p {
    color: #353535;
    }
    .za {
    }
    #apDiv28 {
    position:absolute;
    width:40%;
    z-index:17;
    left: 25%;
    top: 23%;
    overflow: hidden;
    background-color: #FFFFFF;
    }
    body {
    background-image: url(test-fond.gif);
    }
    #apDiv15 p {
    color: #333;
    font-size: 24px;
    text-align: justify;
    }
    #apDiv15 p strong {
    font-size: 24px;
    }
    #apDiv22 {
    position:absolute;
    width:20%;
    z-index:15;
    left: 10%;
    top: 97%;
    }
    #apDiv22 p {
    color: #666;
    font-size: 18px;
    }
    #apDiv23 {
    position:absolute;
    width:20%;
    z-index:16;
    left: 77%;
    top: 99%;
    color: #666;
    font-size: 18px;
    }
    #apDiv24 {
    position:absolute;
    width:10%;
    z-index:17;
    left: 5%;
    top: 5%;
    }
    #apDiv25 {
    position:absolute;
    width:10%;
    height:115px;
    z-index:18;
    left: 11%;
    top: 5%;
    }
    -->
    </style>
    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-20781492-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>
    </head>

    <body dir="ltr" tracingsrc="dewslider.swf" tracingopacity="27">
    <DIV id=lmwcbackpanelinner style="visibility:visible; position:relative; left:auto; top:auto; width:1500; height:200px;">
    <div id="Text2" align="left" style="visibility:visible; position:absolute; z-index:5; left:59%; top:32%; width:29%; height:20%;"> <a name="ANCHOR_Text2" id="ANCHOR_Text2"></a></div>
    <script type="text/javascript">



    var pub_home = "./index.htm"
    var objindex=0;
    var Stretch=2;
    var Position=5;
    var ScaleW=1.000000;
    var ScaleH=1.000000;
    var fontbase=96.;
    //---------------------------------------------------------------------------------------------
    try {
    if(isValideBrowser(4.00,4.00)) {
    InitResources();
    //---------------------------------------------------------------------------------------------
    LMObjects[objindex++] = LMPage("Page",null,null,null,1);
    LMObjects[objindex++] = LMButton("But2",1,0,null,0,null,new LMBranch("0","./Photos
    .htm"),null,null,null,0,0,"./buttons/_gen_but2dn_30.jpg","./buttons/_gen_but2over_30.jpg",1);
    LMObjects[objindex++] = LMButton("But3",1,0,null,0,null,new LMBranch("0","./tarifs-photographe-mariage.htm"),null,null,null,0,0,"./buttons/_gen_but1dn_00.jpg","./buttons/_gen_but1over_00.jpg",1);
    LMObjects[objindex++] = LMButton("But4",1,0,null,0,null,new LMBranch("0","./video-mariage-toulouse.htm"),null,null,null,0,0,"./buttons/_gen_but4dn_00.jpg","./buttons/_gen_but4over_00.jpg",1);
    branchlist = new Array();
    LMObjects[objindex++] = LMText("Text2",1,0,null,0,null,branchlist,null,null,0,0,0,0);
    LMObjects[objindex++] = LMButton("But1",1,0,null,0,null,new LMBranch("0","./tarifs-photographe-mariage.htm"),null,null,null,0,0,"./buttons/_gen_butdn13.jpg","./buttons/_gen_butdn13.jpg",1);
    LMObjects[objindex++] = LMImage("Img2",1,0,null,0,null,null,null,null,0);
    LMObjects[objindex++] = LMImage("Img1",1,0,null,0,null,null,null,null,0);
    LMObjects[objindex++] = LMButton("But6",1,0,null,0,null,new LMBranch("0","./tirage-photos-mariage.htm"),null,null,null,0,0,"./buttons/_gen_but6dn_00.jpg","./buttons/_gen_but6over_00.jpg",1);
    LMObjects[objindex++] = LMImage("Img3",1,0,null,0,null,null,null,null,0);
    LMObjects[objindex++] = LMButton("But5",1,0,null,0,null,new LMBranch("0","./index.htm"),null,null,null,0,0,null,null,1);
    LMObjects[objindex++] = LMImage("Img5",1,0,null,0,null,null,null,null,0);
    //---------------------------------------------------------------------------------------------
    }

    </script>
    <noscript>
    </noscript>
    </DIV>
    <div id="apDiv25"><a href="https://fr-fr.facebook.com/pages/OccitanMultimedia-Photographe-mariage-toulouse/204462076245547?http%3A%2F%2Ffr-fr.facebook.com%2Fpages%2FOccitanMultimedia-Photographe-mariage-toulouse%2F204462076245547%3Fsk=wall&amp;filter=12%3D"><img src="facebook.jpg" alt="photographe de mariage a toulouse" width="34%" height="35%" /></a></div>
    <a href="tirage-photos-mariage.htm" title=""><a href="tirage-photos-mariage.htm" title=""></a><a href="tirage-photos-mariage.htm" title=""><a href="tirage-photos-mariage.htm" title=""></a>
    <div id="apDiv4"><a href="photographe-mariage-toulouse/photographe-mariage-toulouse.html"><img src="photographe-mariage-toulouse.JPG" alt="photographe-mariage-toulouse" width="100%" border="0" /></a></div>
    <div id="apDiv11"><a href="photographe-mariage-toulouse.html"><img src="logo2.jpg" alt="photographe-mariage-toulouse" width="100%" border="0" /></a></div>
    <div id="apDiv15">
    <p><strong> </strong></p>
    <p> Photographe de mariage à Toulouse, et cameraman de mariage, nous vous offrons des reportages de mariage de qualité, modernes, des préparatifs du matin à la soirée dansante. Diplomés de l'Ecole de Journalisme de Toulouse, nous finançons documentaires et reportages photos à l'international en mettant nos compétences au service du mariage, de l'entreprise et des artistes. Nous réalisons des reportages photos de mariage, des clips et publicité aussi bien que nous le faisons dans le journalisme. Nous établissons avec chaque couple ou entreprise un cahier des charges des photos et du film souhaité pour le mariage ou le reportage, pour que le travail rendu soit le plus personnalisé possible. Nous y ajoutons notre touche journalistique. </p>
    <p>Tout comme dans le journalisme, nos reportages photos et films de mariages ne sont jamais figés, ils sont axés sur les émotions, les portraits volés, les petits instants, les éclats de rires et les regards qui donnent du vivant à une photo. Les photos sont soigneusement retravaillées et le travail rendu est celui d'un photographe professionnel, une mise en valeur des photos plus qu'une simple &quot;collection d'images&quot; de votre mariage. Nous vous proposons le reportage photo de la journée complète de votre mariage, car les préparatifs du matin sont un moment privilégié pour les prises de vue: les lumières et la mise en scène sur le maquillage, la coiffure et la robe sont propices à de magnifiques photos, qu'il est dommage de rater. Optez donc pour une journée du matin au soir avec votre photographe de mariage, le résultat final n'en sera que meilleur.</p>
    <p>Pendant toute la journée, je m'efforce de d'appliquer les principes du photo reportage pour réaliser le plus de portraits possible des invités: faibles profondeurs de champs, photos prises sur l'instant, trés peu de portraits de face, et le moins possible de flash, pour des couleurs chaudes et des photos pleines de vie.</p>
    <p>Notre cameraman est là aussi pour immortaliser tous les événements de votre vie: témoignages de proches, récit de la journée, montage professionnels, le tout rendu sous la forme d'un DVD d'une heure à une heure trente, avec en bonus un clip &quot;best-of&quot; de la journée, pour diffuser facilement à vos proches àprés le mariage. Cameraman de mariage depuis plus de 4 ans, Sophie Wahl travail travail pour plusieurs chaines de télévision locales, et nationales, comme France 2. Son expérience et son sourire sauront faire parler vos invités pour des témoignages émouvants devant la caméra. Gardez un souvenir vivant de votre mariage avec un film Full HD monté par un professionnel de l'image. Le clip Best-of de la journée peut être diffusé sur youtube à l'attention de vos invités aprés le mariage.</p>
    <p>Votre photographe de mariage à Toulouse et tout le sud Ouest, OccitanMultimedia, des <span class="gras">photographes</span> pour votre <span class="gras">mariage</span>, vos portaits ou reportages, sur <span class="gras">Toulouse</span>. Nous sommes au service de votre image et de votre entreprises. Des <span class="gras">videos</span>, <span class="gras">photos</span>, reportages, en noir et blanc et couleur. <span class="gras">Photos</span> de <span class="gras">mariage</span> décalées, légères, sous un angle &quot;reportage&quot;, avec les traditionnelles <span class="gras">photos</span> de groupe, de cérémonie et portraits. Exposez-nous votre vision de la <span class="gras">photo</span> de <span class="gras">mariage</span>, et nous nous adpaterons à vos envies. Nous pouvons également organiser des séances de shooting avant le <span class="za">mariage</span>, pour vos faire-part et cartons d'invitations. </p>
    <p>Nous réalisons également reportages photos et clips à destination de vos entreprises: mise et valeurs de vos activités, message a destination de vos clients... Diplomés de l'Ecole de Journalisme de Toulouse, nous mettons nos compétences de JRI et de photographes au service de votre activité. </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </div>
    <div id="apDiv16">
    <body>
    <video autoplay controls width="100%" height="100%">

    <source src="640.webm" type="video/webm" />
    <source src="640.mp4" type="video/mp4" />
    <source src="640.ogg" type="video/ogg" />
    <source src="640.ogv" type="video/ogv" />
    <source src="640.flv" type="video/flv" />
    </video>
    </div>
    <div id="apDiv18"><a href="photographe-mariage-toulouse.html"><img src="photographe-toulouse-mariage-video-film.jpg" width="100%" alt="photographe-mariage-toulouse" /></a></div>
    <div id="apDiv12">
    <table width="100%" border="0">
    <tr>
    <th scope="col"><a href="contacts-photographe-mariage.html"><img src="buttons/_gen_but1up_01.jpg" alt="photographe" width="159" height="35" border="0" /></a></th>
    <th scope="col"><a href="photos-mariage-toulouse.htm"><img src="buttons/_gen_but2up_30.jpg" alt="toulouse" width="159" height="35" border="0" /></a></th>
    <th scope="col"><a href="video-mariage-toulouse.htm"><img src="buttons/_gen_but4up_00.jpg" alt="mariage" width="159" height="35" border="0" /></a></th>
    <th scope="col"><a href="tarifs-photographe-mariage.htm"><img src="buttons/bouton.jpg" alt="photographe mariage" width="159" height="35" border="0" /></a></th>
    <th scope="col"><a href="photographe-portrait-toulouse.html"><img src="buttons/studio-photo.jpg" alt="photographe-mariage-toulouse" width="159" height="35" border="0" /></a></th>
    </tr>
    </table>
    </div>
    <div id="apDiv23">Cameraman: Sophie Wahl</div>
    <div id="apDiv24"><a href="https://plus.google.com/u/0/117777804355974232740/posts"><img src="google-plus.png" alt="google+" width="40%" /></a></div>
    <div id="apDiv22">
    <p>Phographe: Basile Crespin </p>
    <p>&nbsp;</p>
    </div>
    </body>
    </html>
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 809
    J'aime reçus:
    242
    Houlà ... merci d'utiliser le bbcode [ code ] :roll:

    Tout ton pâté ça se traduit en :
    PHP:
    <span class="syntaxhtml"><span class="syntaxdefault"></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"addthis_toolbox addthis_default_style"</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">a class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"addthis_button_google_plusone"</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">a</span><span class="syntaxkeyword">><br /></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">script type</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"text/javascript"</span><span class="syntaxdefault"> src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"http://s7.addthis.com/js/250/addthis_widget.js"</span><span class="syntaxkeyword">></span><span class="syntaxdefault"></script></span></span>
    Avec AddThis.
     
  3. occitanm
    occitanm Nouveau WRInaute
    Inscrit:
    26 Mars 2011
    Messages:
    30
    J'aime reçus:
    0
    Sorry pour le bbcode... Au risque de passer pour un boulet, je n'y arrive toujours pas, j'ai intégré ton code à la page, rien n'apparait une fois sur le navigateur... est ce qu'il faut que je le rentre a un endroit spécifique ?
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 809
    J'aime reçus:
    242
Chargement...
Similar Threads - Insertion bouton google+1 Forum Date
Plugin Wordpress Insertion Date du Jour via Shortcodes Développement d'un site Web ou d'une appli mobile 7 Mars 2018
Page créée (permalien) suite insertion Media sous Wordpress Problèmes de référencement spécifiques à vos sites 16 Juillet 2017
Question théorique à propos de l'insertion d'accent dans la base Développement d'un site Web ou d'une appli mobile 7 Mars 2017
Insertion d'un megamenu : quelles sont les bonnes pratiques pour le référencement ? Débuter en référencement 8 Janvier 2015
Insertion script HTML5 responsive design Développement d'un site Web ou d'une appli mobile 15 Septembre 2014
éditeur tinymce et insertion de code Développement d'un site Web ou d'une appli mobile 23 Août 2013
Lettre pour offre insertion publicitaire Monétisation d'un site web 16 Juillet 2013
script permettant l'insertion automatique de vidéos sur son site Développement d'un site Web ou d'une appli mobile 22 Septembre 2012
Google Shopping problème Insertion article Google : l'entreprise, les sites web, les services 18 Février 2012
Liens devenant in-cliquable après insertion d'un encart connexion... Développement d'un site Web ou d'une appli mobile 13 Septembre 2011
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice