Colocar Anuncios relacionados, y adsense en medio de la entrada automaticamente Colocar Anuncios relacionados, y adsense en medio de la entrada automaticamente


Mostrando resultados del 1 al 4 de 4
  1. #1
    Colocar Anuncios relacionados, y adsense en medio de la entrada automaticamente
    Aca podremos ver el tutorial de como poner los anuncios de adsense automaticamente en medio de cada entrada automaticamente
    tutorial aqui


    En esta ocasión les traigo unos códigos para que a cada entrada de nuestra web, se pongan automáticamente, tres enlaces de contenido relacionado. y con ello aumentar nuestro Seo, los enlaces internos de nuestra web, y el CTR claro esta.

    COMO INSTALAR LOS ARTICULOS RELACIONADOS EN MEDIO DE CADA POST

    1. vamos a blogger
    -vamos a plantilla
    -vamos a edicion HTML

    vamos a agregar el siguiente codigo antes de la etiqueta </head>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
    //]]>
    </script>
    </b:if>

    2. ahora vamos a añadir el siguiente codigo css
    antes de ]]></bkin> o antes de </style>


    /* Related Post Style 1 */
    .related-simplify{position:relative;padding:0;margin:15px auto;width:100%;}
    .related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5}
    .related-simplify ul{margin:0;padding:0}
    .related-simplify ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s}
    .related-simplify ul li:nth-child(odd){background:#fefefe}
    .related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}
    .related-simplify ul li:before{content:'\f138';font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s}
    .related-simplify ul li:hover:before{content:'\f138';font-family:fontawesome;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
    .related-simplify a{color:#0383d9;font-size:13px;margin:0 0 0 30px;}
    .related-simplify a:hover{color:#0383d9;text-decoration:underline}
    .related-simplify ul li:nth-child(n+4) {display:none;}
    @-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
    @keyframes bounceright{from{transform:translateX(0)}to{transf orm:translateX(3px)}}



    3. Ahora buscaremos <data:post.body/> y lo vamos a reemplazar por el siguiente codigo (recordemos que nos aparecera mas de un codigo data:post.body, asi que probemos con cada uno de los que nos salgan hasta que veamos que los cambios por fin surtan efecto.)

    En el codigo que les dejare con rojo aparece el titulo del gadget, que dice articulos relacionados, puedes cambiarle a post relacionados o lo que te convenga mas, o dejarlo por defecto si asi te parece.

    Entonces reeamplazamos <data:post.body/>

    <div expr:id='&quot;post1&quot; + data:post.id'/>
    <div class='related-simplify'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script exprrc='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <h4>Articulos relacionados</h4>
    <script type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </div>
    <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;post1<data:post .id/>&quot;
    var obj1=document.getElementById(&quot;post2<data:post .id/>&quot;
    var s=obj1.innerHTML;
    var t=s.substr(0,s.length/2);
    var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;
    if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.sub str(r+4);}
    </script>


    Ahora le damos guardar cambios a la plantilla, y revisamos cualquier post de nuestra web. para ver que funciono, recuerda lo que mencione, que pueden aparecer varios data:post.body asi que intenta reemplazando uno por uno hasta que los cambios funcionen en tu web.

  2. #2
    Registro
    08-noviembre-2012
    Ubicación
    Colombia
    Edad
    20
    Mensajes
    1.273
    No está bien optimizado, pero gracias por la intensión.

  3. #3
    gracias por la informacion sele pueden aser algunos ajustes para que no sea solo de una empresa de publicidad

  4. #4
    Registro
    01-enero-2016
    Ubicación
    Monterrey
    Mensajes
    15
    Colocar Anuncios relacionados, y adsense en medio de la entrada automaticamente
    Gracias por el Tuto

Temas similares

  1. ¿Se pueden colocar anuncios de Adsense arriba del título de la entrada?
    Hola, me gustaría saber si colocar anuncios encima del título de la entrada no rompe la política de Adsense. Edito: Es un adaptable. Saludos
    Respuestas: 14
    Último mensaje: 16-feb-2017
  2. Script que te ponga anuncios en medio de las entradas automáticamente
    Hola Betas, me gustaría saber si existe un script que te ponga un anuncio en medio de tus entradas, tengo entendido que google adsense te da una...
    Respuestas: 12
    Último mensaje: 04-dic-2016
  3. Colocar anuncios Relacionados de ADsense
    Hola betas perdonad la novatada xD primera vez que tengo la opcion de anuncios relacionados ,asi que los que trabajan con ese tipo de ads me podrian...
    Respuestas: 1
    Último mensaje: 03-nov-2016
  4. Tutorial: Adsense al medio de entrada Wordpress
    Hola, creo que el título se explica sólo, por lo tanto les dejaré un plugin que se llama AdsMiddle, el cúal nos facilita la tarea de poner el anuncio...
    Respuestas: 22
    Último mensaje: 10-ago-2015
  5. Como colocar un banners Adsense Automaticamente al colocar un Post de SMF 2.0.7 ??
    Hola alguien sabe los pasos de como colocar un banners Adsense Automaticamente al colocar un Post de SMF 2.0.7 ?? He probado con varios archivos...
    Respuestas: 0
    Último mensaje: 28-ene-2014

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •