Aféitome para arriba

Tras montar el blog y escribir las primeras entradas, voy a explicar cómo introducir de una manera sencilla publicidad AdSense.

Nota: Las pruebas para este plugin las voy a realizar en el blog de pruebas, situado en la dirección http://www.mindoniense.com/amieiro2/

Para ello utilizaré un conocido plugin de WordPress, llamado AdSense-Deluxe WordPress Plugin.

Para descargar la última versión del plugin me voy a esta dirección Web.

Tras descargarlo y descomprimir el archivo ZIP en un directorio, subo el archivo “adsense-deluxe.php” al servidor, utilizando el cliente FTP FileZilla. Esto lo hago al directorio correspondiente; es decir, sobre el directorio raíz de nuestro blog, tengo que acceder a “/wp-content/plugins/”. (Cuidado con hacerlo a un subdirectorio dentro de este directorio, ya que puede dar problemas).

Una vez subido el archivo, me autentifico en la zona privada del blog.

Una vez dentro de la zona privada, tengo que activar el plugin. Para ello voy a “Plugins->Plugins”

En la primera fila se ve el nombre del plugin, llamado “Adsense-Deluxe” y en la parte derecha (rodeado por un círculo rojo) el enlace para activar el plugin. Hago clic en “Activar”. La fila pasa a estar en otro color diferente (verde en este caso) para diferenciar los plugins activos de los que no lo están.

Tras activar el plugin, tengo que configurarlo. Para ello voy a “Opciones->Adsense Deluxe”

Esta es la página desde la que voy a configurar el plugin. La página está dividida en varias partes:

Al inicio aparece una zona de opciones, que vemos a continuación.

• Instructions. Enlaza a una parte inferior de la página, donde se incluye una pequeña explicación de cómo funciona el plugin (en inglés).
• AdSense Preview Tool. Es un enlace para ver qué publicidad aparecerá en nuestra web. Ésta es mi preview.
• Enlaces a webs con ayuda para maximizar los ingresos. Enlace a la página de Google para acceder a nuestra cuenta de AdSense o a las “Política del programa AdSense de Google” de AdSense.
• Enlace para hacer una donación al autor del plugin (mediante PayPal) o cómo entregarle un 5% de tus ingresos generados con AdSense.

Luego tengo las opciones de visualización generales:

Aquí puedo:

• Habilitar/desabilitar la publicidad en las entradas individuales.
• Habilitar/desabilitar la publicidad en la página principal.
• Habilitar/desabilitar la publicidad en las páginas estáticas.
• Habilitar/desabilitar la publicidad en cualquier página archivada.
• Habilitar/desabilitar la publicidad de forma global.

A continuación voy a crear un bloque de publicidad (un medio banner de 234×60 pixels) que colocaré en cada entrada individual.

Lo primero que hago es ir a mi cuenta de AdSense y generar de forma semiautomática el código para un medio banner.

En los campos introduzco los siguientes datos:

• Name. Banner234×60. Es un nombre lo suficientemente significativo como para poder reconocerlo a posteriori.
• Make Default. Marcado. Ya explicaré porque pongo por defecto este tipo de publicidad.
• AdSense Code. El generado previamente en mi cuenta y pegado directamente (Copy-paste o copiar-pegar).
• Description. Medio Banner. Un nombre significativo, de tal forma que sea útil a posteriori, de igual forma que con el nombre.

Hago clic en el botón “Add AdSense Block” y ya tengo generado el bloque AdSense.

En la parte derecha veo que está activado (On). Los dos elementos que puedo ver directamente son:

• Name: <!–adsense–>
• Description: Medio Banner (la introducida al generar el bloque de publicidad).

¿Y para que sirve el nombre <!–adsense–> con esos códigos raros? Los códigos “raros” (<!– y –>) son los caracteres de inicio y fin de comentario en HTML. Esto se hace de esta manera ya que allí donde quiera introducir mi “medio banner”, simplemente escribiré este nombre y aparecerá la publicidad.

Veamos cómo se hace con un caso práctico.

Este es mi blog de prueba recién instalado, con la entrada que trae por defecto la instalación de WordPress.

Lo que voy a hacer es introducir el medio banner entre el título de esta entrada y el contenido.

Para ello, accedo a la zona de control, “Gestionar->Entradas” y hago clic en el enlace “Editar” de esa entrada.

Aparece el editor gráfico. Lo que tengo que hacer es abrir la ventana de edición HTML (del código fuente de la entrada) para introducir el nombre del bloque de publicidad generado previamente. Hago clic en el botón “HTML” señalado.

Se abre la ventana de edición HTML.

Introduzco el nombre del bloque: <!–adsense–> (cuidado con las mayúsculas), que será tratado como un comentario HTML. Hago clic en el botón “Actualizar”.

Al regresar a la pantalla de edición de la entrada, hago clic en el botón “Guardar”. La entrada queda almacenada en la base de datos y, al volver a visualizar el post, veré que la publicidad acaba de ser incluída. En la siguiente imagen puedo ver como ha sido incluída en la portada.

Y en la siguiente imagen como ha sido incluída en la entrada individual.

Lo siguiente que voy a hacer es crear una bloque vertical de publicidad para colocar en la barra derecha de navegación, la que aparece en la página principal en la parte derecha, donde se cargan las categorías, la información del sitio,…

Vuelvo a ir a “Opciones->Adsense Deluxe“.

En este caso voy a colocar una columna de publicidad, conocida como Skyscraper ampliado, de 160 x 600 pixels. Introduzco los siguientes datos y hago clic en el botón “Add AdSense Block”. Recordar que el código AdSense es generado de forma semiautomática en mi cuenta de AdSense.

Posteriormente lo activo en el checkbox correspondiente, tal y como se puede ver en la siguiente imagen y hago clic en el botón “Update Enabled Options”.

El nombre que toma es: <!–adsense#Barra_derecha–>. Este será el código que introduciré al generar una página con el editor integrado de WordPress o con cualquier otro editor compatible con WordPress.

Tal y como comenté anteriormente, el bloque AdSense marcado por defecto se referencia con el código <!–adsense–> mientras que el resto de los bloques se referencian con el código <!–adsense#MiNombreParticular–>

Lo siguiente es ir a editar la barra lateral. Para ello voy a “Presentación->Editor de temas” y hago clic en el enlace “Barra lateral” (sidebar en inglés).

En la parte central se carga el código PHP/HTML de la barra lateral. En mi caso voy a introducir el bloque de AdSense entre “Categorías” y “Blogroll”.

Al ser uno de los archivos del tema (en este caso el tema que trae por defecto WordPress 2.0), lo que hago es introducirlo usando la función PHP predeterminada por el plugin. El código que tengo que introducir es el siguiente: <?php adsense_deluxe_ads(’Barra_derecha’); ?> (nótese que “Barra_derecha” es el nombre del bloque creado). El código queda de la siguiente forma, ya que lo introduzco dentro de una lista sin ordenar (códigos HTML <li> y <ul>):

Hago clic en “Actualizar archivo” y listo.

Ahora la página principal del blog aparece de la siguiente forma:

Se puede ver el nuevo bloque de publicidad generado en la parte derecha. Los cuadrados rojos han sido introducidos con un editor gráfico para poder apreciar la ubicación de los bloques de publicidad.

La ventaja que me aporta este plugin es, por un lado la sencillez a la hora de introducir los bloques AdSense y por otro lado la posibilidad de modificar el tipo de bloque, su estilo, … incluso el propietario.

Las principales ventajas que aporta este plugin:

• Adsense preview tool: Herramienta para ver que tipo de anuncios saldrán en cada página integrada.
• Posibilidad de añadir anuncios de AdSense usando una simple línea de texto.
• Elegir entre diversos estilos. (post a post si lo deseamos).
• Cambiar todos los estilos del sitio Web de forma independiente al contenido.

Enlaces interesantes.

• Web oficial del plugin AdSense-Deluxe para WordPress
• Distintos formatos de anuncios de Google
• Web de AdSense de Google
• Política del programa AdSense de Google

This entry was posted on Sábado, Diciembre 9th, 2006 at 10:12 pm and is filed under CMS, WordPress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.