Agregando publicidad adsense en WordPress dentro del contenido

8 de junio de 2009 — Darío Ferrer

Adsense WordPressA veces me da un poco de pena ver aquellos extensos plugins programados para una pendejada de función como ésta. En fin, el objetivo es que logres introducir tu código adsense dentro de tu contenido (o entre líneas). Veamos cómo hacerlo.

Éste es un manual paso a paso, elaborado para que aprendas a construirlo por ti mismo. Pero si eres leecher, vago y flojo puedes copiar el código que se encuentra al final, el cual está completo y listo para pegarlo.

Por supuesto este método no sólo se aplica al adsense sino a cualquier código, bloque, cosa o elefante que quieras colocar dentro de la variable. Es muy versátil en realidad.

1.- Abre el archivo funtions.php en tu plantilla. Si no existe créalo.

Supongamos que éste es tu código de adsense:

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js?v=381"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/connection/connection-min.js?v=381"></script>
<script type="text/javascript">
<!--
var SESSIONURL = "";
var SECURITYTOKEN = "guest";
var IMGDIR_MISC = "http://tu-sitio.com/imagenes";
var vb_disable_ajax = parseInt("0", 10);
// -->
</script>

2.- Comencemos por crear la función, llamémosla mis_ads:

1
2
3
4
<?php
function mis_ads() {
}
?>

3.- Agregamos tu código adsense como variable $adsense:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
function mis_ads() {
  $adsense =
    '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js?v=381"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/connection/connection-min.js?v=381"></script>
    <script type="text/javascript">
    <!--
    var SESSIONURL = "";
    var SECURITYTOKEN = "guest";
    var IMGDIR_MISC = "http://tu-sitio.com/imagenes";
    var vb_disable_ajax = parseInt("0", 10);
    // -->
    </script>';
}
?>

4.- A continuación creamos el atajo de código (o shortcode) para poder manipular el contenido. Ésto lo hacemos a través de un simple preg_replace. Aquí creamos la variable $ads para darle salida y al mismo tiempo la encerramos entre los paréntesis de la función:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
function mis_ads($ads) {
  $adsense =
    '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js?v=381"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/connection/connection-min.js?v=381"></script>
    <script type="text/javascript">
    <!--
    var SESSIONURL = "";
    var SECURITYTOKEN = "guest";
    var IMGDIR_MISC = "http://tu-sitio.com/imagenes";
    var vb_disable_ajax = parseInt("0", 10);
    // -->
    </script>';
  $ads = preg_replace('|\[ads\]|' , $adsense , $ads);
  return $ads;
}
?>

5.- Ahora sólo falta un paso: informarle a WordPress lo que hemos construido y hacer que éste reconozca la función dentro de su sistema. Para tal fin utilizaremos add_filter y lo escribiremos fuera de la función, así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
function mis_ads($ads) {
  $adsense =
    '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js?v=381"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/connection/connection-min.js?v=381"></script>
    <script type="text/javascript">
    <!--
    var SESSIONURL = "";
    var SECURITYTOKEN = "guest";
    var IMGDIR_MISC = "http://tu-sitio.com/imagenes";
    var vb_disable_ajax = parseInt("0", 10);
    // -->
    </script>';
  $ads = preg_replace('|\[ads\]|' , $adsense , $ads);
  return $ads;
}
add_filter('the_content', 'mis_ads');
?>

Listo. Ahora cada vez que escribas [ads] en cualquier parte de tu contenido, se reemplazará por el código que está en la función.

Ideas

Junto a tu código de adsense puedes colocar una capa contenedora (dentro de la variable, se entiende), de manera que puedas aplicarle estilos y moldearla a gusto. Por ejemplo, si tu bloque de adsense es angosto, puedes darte el lujo de rodearlo con texto aplicándole un float a la capa que lo encierra.

  • Bitacoras.com
  • Meneame
  • Twitter
  • del.icio.us
  • Facebook
  • Digg
  • Technorati
  • BarraPunto

Publicado en Wordpress. 8 Comentarios »

8 comentarios

  • Angeles dijo:
    8 de junio de 2009 a las 8:13 pm

    Exclente tutorial, muy bien escrito y mejor aún explicado. No sobra una palabra. He disfrutado leyéndolo :)

    Buenísimo también tu blog, ya te tengo agregado en mis favoritos, pero por favor, echa una mirada a ver qué pasa con los rss, están dando un extraño error y no me he podido suscribir…

    !Saludos y felicitaciones por el blog!

  • Darío dijo:
    8 de junio de 2009 a las 10:17 pm

    Ángeles, agradezco mucho tus palabras. En cuanto al RSS gracias por avisarme, ya lo arreglo; es un problemita común de WordPress que se arregla rápido (por cierto, reportado como un millón de veces).

    Respecto al sitio debo advertirte que aún hay latas de pintura en el piso y escaleras metálicas atravesadas :) pues el diseño/maquetación está avanzando a paso de tortuga debido a que las “horas laborables” están full. Pero ahí le doy de a ratos.

    Oye me dí una vuelta por tu blog, qué lindo es.

  • Angeles dijo:
    9 de junio de 2009 a las 2:32 pm

    Gracias Darío, lo tengo muy abandonado, me pasa como a tí, trabajo full time y llevo muchos meses ya sin apenas tiempo libre. Ya pude suscribirme a tus feeds, por partida doble, jajaja, te tengo tanto en los marcadores de Firefox como en Google Reader, así que te seguiré de cerca todo lo que pueda, tus posts bien lo valen :)

  • Darío dijo:
    9 de junio de 2009 a las 2:34 pm

    Vas a terminar sonrojándome.

  • MasWebs dijo:
    9 de junio de 2009 a las 5:08 pm

    Dario, muy bueno lo que explicas, esto me hace avanzar mucho, esta noche lo pruebo seguramente. Ya que estamos te pregunto algo: habrá manera de decirte a functions que ponga siempre el ads ese en determinado lugar? ya sea una determinada linea o bien inmediatamente luego del “mere”? supongo que si debe poderse, no? por ahi para que luego hables de ello… Ya tengo tu blog en favoritos, lo voy a leer de seguido… Saludos!

  • Darío dijo:
    9 de junio de 2009 a las 5:25 pm

    MasWebs, me alegra saber que el recurso te sirve. Respecto a tu duda por supuesto es posible, tanto como cambiar un poquito la función (y el nombre, desde luego). Usemos el mismo ejemplo:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <?php
    function mis_ads_fijos() {
      $adsense =
        '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js?v=381"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/connection/connection-min.js?v=381"></script>
        <script type="text/javascript">
        <!--
        var SESSIONURL = "";
        var SECURITYTOKEN = "guest";
        var IMGDIR_MISC = "http://tu-sitio.com/imagenes";
        var vb_disable_ajax = parseInt("0", 10);
        // -->
        </script>'    ;
      echo $ads;
    }
    ?>

    Al igual que el anterior lo grabarías en functions.php. Para activarlo en los archivos sólo debes escribir < ?php mis_ads_fijos() ?>.

  • MasWebs dijo:
    9 de junio de 2009 a las 6:19 pm

    Espectacular Dario, ahora tengo para rato con esto. En cuanto lo pruebe te comento cualquier cosa, nuevamente gracias…

    Saludos!

  • MasWebs dijo:
    2 de julio de 2009 a las 12:50 am

    Cómo estás Darío? Recien ahora me pongo a probar esto que explicas y sabes, una pregunta, cómo hago para poner un include en vez de código adsense? Es decir, lo que quiero exactamente es mostrar siempre luego del “more” un rotador de ficheros (rota diversos banners), pero aparentemente no se permite meter includes aqui dentro. Habrá manera? Muchas gracias de antemano… Saludos!

Comentar este artículo

Nombre (Requerido)

Correo (No será publicado) (Requerido)

Sitio web

Secciones

Enlaces externos, HTML y CSS, Impresos, Joomla, La foto, Notas, PHP, Política, Portada, Recursos, Religión, Videoteca y Wordpress.

Anteriores

comentarios recientes

@Judavi en ¿Cuánta memoria del servidor consume mi sitio Wordpress?: Que buen articulo! Lo probaré en mi blog :)

@010010100101110 en ¿Qué hash de encriptación usa Wordpress y cómo se modifica?: Gracias por el aporte, muy bueno.

@Alberto en The Post Thumbnail Vs. WP Smart Image II: Que tal Darío Me prguntaba si abra una actualización de WP Smart Image II para Post Type y...

@Willy en ¿Joomla Vs. Wordpress? (1ª parte): Era lo que necesitaba leer!!! como programador, aprender como editar un template de cero en joomla y...

@Willy en [Meme] Concepto bizarrón de CSS: Cagadas Siempre Suceden!! XD Counter Strike Server. no es bizarro pero bue!!

@Horacio en ¿Joomla Vs. Wordpress? (1ª parte): Hola, hace tiempo empece a trabajar con joomla y armar mi sitio web en un servidor gratuito para...

@birgitta en ¿”WatchTower” o “CashPower”?: Hilaridad sin H,mis disculpas

@birgitta en ¿”WatchTower” o “CashPower”?: AY AY AY.Cuanto lobotomizado hay por aqui!!!!!! Muchas gracias Dario por tu...

Darío Ferrer — Blog personal

Sitio desarrollado con Wordpress, software libre para un mundo libre.

60 consultas a la BD en 0,941 segundos. Blog alojado en DreamHost