Adsense: Cómo Agregar ADS al Lado de Textos este 2023

Bienvenidos una vez mas al Blog de SEOBlogAriel.Online en donde, voy a desvelarte una forma de colocar un anuncio de Adsense hacia un lado de un párrafo para tener posibilidades de obtener clics.

Hay muchas maneras de colocar los ADS en nuestro Blog, pero, con estos trucos podemos tratar de ganar algunos clics para aumentar el %CTR en Adsense.

Esto Aplica para cualquier plataforma de Blogs: Blogger, Wordpress, HTML, Joomla y otros del mercado. Solo basta poner nuestra línea de código para que funcione perfectamente.

{getToc} $title={Tabla de Contenido}

poner ads en lugares estratégicos


En donde se Colocan los Anuncios de Adsense

Para insertar los anuncios de Adsense solo basta con agregar nuestro código de Adsense en el lugar que queremos ponerlo. Normalmente, los ADS se colocan:

  • En la cabecera del Blog
  • Después del titulo
  • En el Sidebar
  • Entre los Post de categorías
  • Al final en el footer
  • Se puede agregar Anuncios anclas flotantes
  • Poner Anuncios Adsense en los párrafos

Hay plantillas: Blogger, WordPress y HTML que colocan ADS en lugares estratégicos dentro de un articulo con el objetivo de elevar el %CTR de clics.

Entre estos lugares estratégicos de anuncios esta en ponerlos al lado de un texto o titulo para obtener una mejor oportunidad de conseguir clics.

Ejemplo:

ads al lado de párrafo de blog

Poner ADS al lado de Textos en Blogger

Vamos insertar nuestro ADS de Adsense entre un párrafo para tratar de conseguir una mejor conversión. Bueno, hay ciertas plantillas de Blogger que traen esta opción de poner los ADS de la forma que necesitamos, sin embargo, no todas estas plantillas cuentan con esta opción.

Por eso, vamos acomodar el ADS agregando una línea de código en la plantilla HTML en Blogger. Sigue estos pasos:

  • Ir a Blogger
  • Seleccionar TEMA
  • Personalizar
  • Editar HTML
  • Busca con la tecla CTRL + F
  • Encuentra la parte de: ]]></b:skin>

Antes de esta opción en el CSS de la plantilla pegas el siguiente código:


._ning_outer {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}

._ning_outer._align_left {
  float: left;
  margin: 0 20px 20px 0;
}

._ning_outer._align_center {
  float: none;
}

._ning_outer._align_right {
  float: right;
  margin: 0 0 20px 20px;
}

._ning_outer.has_border {
  padding: 15px;
}

._ning_outer.has_label.has_border {
  padding: 0 15px 15px;
}

._ning_outer.has_label ._ning_label {
  padding: 5px 0;
  font-size: 13px;
}

._ning_outer.has_label ._ning_label._left {
  float: left;
}

._ning_outer.has_label ._ning_label._center {
  float: none;
  text-align: center;
}

._ning_outer.has_label ._ning_label._right {
  float: right;
}

/* *
 * MAIN BANNER */

._ning_holder {
  line-height: 0;
}

._ning_holder.popup {
  position: fixed;
  max-height: 100% !important;
  max-width: 100% !important;
  background: #0000009e;
  text-align: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 90vh;
  margin-top: -45vh;
  padding-bottom: 90vh;
  z-index: 9999;
}

._ning_holder iframe {
  margin-bottom: 0;
}

._ning_cont {
  margin: 0px auto;
  background-color: transparent;
  width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative;
  line-height: 1;
}

._ning_jss_zone {
  margin: 0px auto;
}

._ning_inner {
  position: relative;
  width: 100%;
  height: 100%;
  clear: both;
}

._ning_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  text-decoration: none;
}

._ning_elmt {
}

._ning_elmt img {
  max-width: none;
}

._ning_cont:not(.scale) ._ning_elmt img, ._ning_elmt.noresize img {
  width: 100%;
}

Luego Guardas la plantilla.

Abres tu entrada que estas editando en Blogger

Le das en Vista HTML

Pegas el siguiente código antes del titulo o texto que quieres agregar:


<div class="_ning_cont _ning_hidden _ning_outer _align_left responsive has_label has_border _ning_visible" style="max-width: 300px; width: 100%; height: 275px; background: rgb(237, 237, 237);">
    <div class="_ning_label _left" style="">Google Ad</div>
    <div class="_ning_inner" style="height: auto !important;">
       
<!-- TU SCRIPT de Adsense AQUÍ -->

    </div>
</div>

Tamaño de Anuncios Recomendados

Para poner el formato ADS correctamente, en este caso no podemos poner cualquier dimensión de ancho y alto. Los formatos de anuncios recomendados son:

Tamaño de 300x250 y 300x600

Estos dos formatos de anuncios son los preferibles para aplicarlo a nuestra estrategia de lugares oportunos al lado de de textos de nuestro articulo para mejorar la tasa de clics.

Publicar un comentario

Déjame un mensaje.

Artículo Anterior Artículo Siguiente

نموذج الاتصال

// Cargamos el SDK de Facebook window.fbAsyncInit = function() { FB.init({ appId : '570341645200786', cookie : true, xfbml : true, version : 'v11.0' }); // Evento que se ejecuta al dar clic en el botón Me Gusta FB.Event.subscribe('edge.create', function(response) { document.getElementById("contenido").style.display = "block"; document.getElementById("boton-fb").style.display = "none"; }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v11.0&appId=570341645200786&autoLogAppEvents=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));