Tutorial: Cómo poner anuncios y enlaces relacionados en tus entradas automáticamente

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; 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)) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply;}} 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 ]]></b:skin> 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{transform:translateX(3px)}}



3. Ahora buscaremos <data😛ost.body/> y lo vamos a reemplazar por el siguiente codigo (recordemos que nos aparecera mas de un codigo data😛ost.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😛ost.body/>

<div expr:id='&quot;post1&quot; + data😛ost.id'/>
<div class='related-simplify'>
<b:if cond='data😛ost.labels'>
<b:loop values='data😛ost.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&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😛ost.id'><p><data😛ost.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data😛ost.id/>&quot😉;
var obj1=document.getElementById(&quot;post2<data😛ost.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.substr(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😛ost.body asi que intenta reemplazando uno por uno hasta que los cambios funcionen en tu web.

No está bien optimizado, pero gracias por la intensión.

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

Gracias por el Tuto :encouragement:

muchas gracias amigo, no lo he probado aun, pero dicen que no está bien optimizado, por que?, no se mucho del tema