Clicky

Oculta tu código de Adsense (ID de editor)

Categoría: Internet (Tutoriales y trucos)
Visitas: 20297

Oculta el código Adsense en Joomla! con el plugin de Jumi

Con Ad manager (Administrador de Anuncios) de Adsense podrás dificultar su copia


Google Adsense ocultar código editorPor motivos diversos, principalmente el robo del código de editor de Adsense por personas mal intencionadas para utilizarlo en la inserción de publicidad en otros web-sites o blogs que no nos pertenecen (puede incluso que baneados por Adsense o que no se ajusten a sus Términos y Condiciones) y con ello intentar perjudicarnos con la inhabilitación de nuestras cuentas, es recomendable que nuestro código de editor (ID) de Adsense aparezca lo menos posible en el código fuente de nuestras páginas.

Contra la utilización mal intencionada del ID de Adsense fuera de nuestros web-sites o blogs, y sólo para que no se cuenten los clicks ni las impresiones que se realizan, en nuestra cuenta de Adsense existe la posiblidad de identificar las URL que están autorizadas a mostrar anuncios de Google para nuestras cuentas.

Para la configuración de estas URL autorizadas a mostrar publicidad, designadas más habitualmente como Sitios permitidos, entraremos desde nuestra cuenta de Adsense a la pestaña "Configuración de Adsense" y luego a la pestaña "Sitios permitidos" (la última de la derecha), donde tenemos la opción de permitir todos los sitios o de confeccionar una lista de sitios específicos.

Así define Google a los Sitios permitidos: "son sitios o URL en los que los editores de AdSense permiten o desean que se muestren sus anuncios Google. Si una URL que muestra su código de anuncios AdSense no se encuentra en su lista de Sitios permitidos, los anuncios seguirán publicándose en el sitio, pero las impresiones y los clics no se registrarán, no se cobrará a los anunciantes por ellos y usted no recibirá ningún ingreso derivado de dicha URL. Por ese motivo, es fundamental que mantenga la lista actualizada".

Adsense sitios permitidos


Para permitir que solamente algunos web-sites o blogs muestren anuncios para nuestra cuenta marcaremos el botón correspondiente (el segundo) y aparecerá un cuadro donde introduciremos las URLs, una por línea, en las que deseamos que si aparezcan los anuncios. Hacemos click en el botón "Guardar cambios" para añadir estos sitios a nuestra lista de Sitios permitidos.

Por lo general, los cambios tardan unas cuatro horas en surtir efecto; sin embargo, en determinadas circunstancias, pueden tardar hasta 48 horas, avisan en Adsense.

Con lo realizado hasta ahora hemos conseguido proteger nuestro sitio contra los clicks e impresiones inválidas y que no sumen en nuestra cuenta de Adsense. Vamos a ver cómo ocultar parcialmente, con una fórmula que valdrá para todos los web-sites o blogs y con otra fórmula para Joomla!, nuestro código de Adsense.

1) Ocultar el código de anuncio de Adsense mediante el Administrador de Anuncios

Con este método dificultaremos bastante la labor del posible atacante, ya que no podrá realizar un simple copy-paste de nuestro código del bloque de Adsense. El anuncio pasaría a mostrarse, en el código fuente de la página, de como normalmente lo hace (imagen de abajo a la izquierda) a como se muestra en la imagen de la derecha:

Código anuncio Adsense normal Códio Adsense Administrador Anuncios









Para ello accederemos al Administrador de Anuncios (Si no estáis dados de alta deberéis hacerlo desde vuestra cuenta de Google Adsense en: Google Ad Manager ), pincharemos en la pestaña "Inventario" y nos aparecerá una ventana como esta:

Google Ad Manager Inventario


Pincharemos, en el sub-menú "Espacios publicitarios", la primera pestaña "Nuevo espacio publicitario" y nos aparecerá esta ventana:

Google Ad Manager Nuevo espacio publitario

Aquí iremos rellenando todos los campos del formulario: Nombre del espacio Publicitario (el nombre debe ponerse todo junto y que contenga entre 1 y 100 caracteres, los cuales únicamente pueden ser alfanuméricos, guiones y guiones bajos) ; Descripción (dice que es opcional, pero yo os recomiendo que anotéis el tamaño y ubicación para un mejor control); seleccionaremos nuestro tamaño del anuncio; en orientación ventana, en teoria, se puede elegir que el anuncio se abra el anuncio el la misma ventana o en diferente ventana del navegador (yo no lo he probado porque no pincho en mis anuncios, jejeje); marcamos la casilla donde dice: "AdSense: Maximice los ingresos del inventario no vendido y del inventario sobrante con AdSense", que sirve para combinar Adsense con otros productos publicitarios, en el caso que los tengáis. Pinchamos en "Guardar", saldrá una pantalla con un mensaje confirmando su creación y podremos ver nuestro nuevo espacio publicitario junto a los que teníamos:

Google Ad Manager espacio guardado


Para ir un poco más rápido, pues esto se sale del tema del artículo y hacerle "menos largo", tendremos que componer nuestro anuncio, pinchando en "Editar la configuración de Adsense" que indica la flecha en la imagen de arriba, con los colores que se ajusten a nuestro diseño de página como normalmente lo haríamos en nuestra cuenta de Adsense (realmente enlaza con ella como véis pues las paletas son las que tenemos allí configuradas). Guardamos los cambios y vamos a la pestaña "Inventario" ? "Ubicaciones" ? "Ubicación nueva".

En este apartado rellenaremos el formulario con el nombre de la Ubicación, su descripción y marcaremos la casilla con la opción "Orientación", que es importante ya que será lo que los anunciantes de Adwords verán si se interesan por nuestro sitio, rellenando sus datos. Vamos a la parte de abajo y pinchamos en el botón "Guardar".

Entramos ahora en lo más importante que es la obtención del código que pegaremos en nuestro sitio. Siguiendo en la pestaña "Inventario" que estamos, si pulsamos sobre el sub-menú "Generar HTML de prueba", nos aparece esta pantalla:

Google Admanager HTML prueba


Aquí lo único que tenemos que hacer es el elegir el bloque del cual queremos obtener el código y pinchar en añadir, este pasará a la derecha a "elementos seleccionados" (se pueden elegir varios bloques para obtener el código de una vez, pero hay que diferenciar a qué sitio pertenecen, si tenemos varias URLs, para que no tengamos confusiones). Pinchamos en el botón de abajo "Generar HTML de pueba" y se abrirá un cuadro bajo él con los códigos que deberemos pegar en nuestro sitio, pues son dos en diferentes lugares:

Google Ad Manager código HTML

Como vemos el ID de Adsense sólo aparece ahora en la parte del código que tenemos que pegar entre las etiquetas de nuestra plantilla, ocultándolo en el pequeño bloque de código que insertaremos en nuestras páginas en el lugar en que queramos que aparezca este bloque de anuncios.

En el mismo código que se nos ha generado, se delimita claramente la parte que tenemos que pegar únicamente una vez en la plantilla de nuestro sitio, que va entre los rótulos comentados en HTML: "COLOCAR ESTA ETIQUETA EN LA SECCIÓN de cabecera" (bajo <head>) y "FINAL DE LA ETIQUETA PARA LA SECCIÓN de cabecera" (os lo marco en la imagen en color verde).

La parte de código marcada en amarillo es la que irá colocada dónde antes teníamos el código antiguo de Adsense, que mostraba nuestro ID y el número del canal del bloque de anuncios, que aquí como vemos han desaparecido.

A parte de obstaculizar la clonación de nuestro código, ya que va en dos partes diferenciadas, administrar los bloques de anuncios desde Ad Manager nos da la posibilidad de desactivar, si biene al caso, una gran cantidad de anuncios de una sóla vez y volverlos a publicar cuando nos interese.

2) ♦ Ocultar el código de anuncio de Adsense en un sitio Joomla! mediante el componente Jumi
♦ Insertar facilmente anuncios de Adsense entre el texto de los artículo de Joomla!

Con esta opción utilizaremos la segunda parte del código de Adsense que hemos visto más arriba (marcada en amarillo) junto con el componente Jumi desarrollado para Joomla! por Vedeme.cz bajo una licencia GNU/GPL. Debemos también tener debidamente colocada entre el <head> y </head>de nuestra página el código marcado en verde.

Primero nos bajaremos el pack comprimido desde Jumi escogiendo la versión que tengamos instalada de Joomla! desde el cuadro verde a la derecha de la pantalla. En este artículo mostraré como utilizarlo con Joomla! 1.5.10 pero la explicación es válida y también la he probado en un Joomla! 1.0.15.

Jumi página principal


En la nueva pantalla que aparece pincharemos sobre el enlace Jumi 2.0.3 full pack for Joomla! 1.5 y en la próxima pantalla en "Download" . Guardaremos el archivo jumi_pack_2.0.3_for_J1.5.zip obtenido en una carpeta de nuestro equipo.

Este pack contiene las siguientes extensiones Jumi para Joomla! 1.5: componente, contenido del plugin, sistema SEF router plugin, módulo, idiomas.

El paquete se instala como cualquier otro componente de Joomla! , desde el menú "extensiones" → "Instalar/desinstalar" y desde el botón "Examinar" buscaremos el archivo que antes hemos guardado en nuestro equipo pulsando "subir archivo e instalarlo".

Se Instalan todas las extensiones disponibles en el paquete de forma automática, incluyendo una demostración del menú "Jumi Hello!" y publicándose en el menú principal como parte del proceso de instalación. Debemos desactivarlo desde nuestro menú principal, si no queremos usarlo ahora, y también entrando al componente Jumi desde el menú "Componentes":

Jumi componenete Joomla

Se nos instala también una demo para usar con Blogger. Sirve para hacer reviews a alguno de vuestros blogs integrándolo en Joomla. Podéis probar si os es de utilidad, si no desactivarla como se ve en la imagen de arriba. El blog de Jumi en blogger tiene interesantes post con consejos.

Una vez instalado tendremos a Jumi en "Componentes", un módulo Jumi en "Extensiones → "Gestor de Módulos" y un plugin de Jumi en "Extensiones → "Gestor de Plugins" .

Hay que crear primero en nuestro directorio de Joomla! (en el raiz o cualquier otro) una nueva carpeta destinada a contener los archivos .php que ahora veremos, y que contendrán la segunda parte del código de Adsense obtenido desde el Ad Manager (Administrador de anuncios).

directorio ftp

Para crear una nueva carpeta, una vez conectados a nuestro sitio mediante ftp o desde el administrador de archivos de vuestro hosting, pincharemos en un área en blanco de la zona "sitio remoto" y en el cuadro de diálogo que aparece le daremos el nombre que queramos (en el ejemplo he utilizado el sugestivo y original de "publi").

Ahora desde cualquier editor de texto puro, como el blog de notas (esto es muy esencial, puesto que permite a los editores de formato de texto (Word) insertar algunos códigos no deseados en nuestro código que debe ser puro), copiaremos y pegaremos el código de Adsense de nuestro anuncio, insertando delante de él las líneas marcada en rojo en la imagen de abajo:

archivo php para jumi

NUNCA te olvides de comenzar un archivo Joomla! .php con las líneas de código en rojo! Son muy importantes por razones de seguridad!

Le daremos al archivo un nombre con el que reconozcamos a qué bloque de Adsense pertenece ( en el caso del ejemplo ap-300x250-top.php ) y lo guardaremos con la extensión .php (acordaros de cambiar la extensión .txt por .php) subiéndolo a la carpeta "publi" que tenemos ya preparada.

Vamos a emplear este archivo junto con el módulo de Jumi para que el anuncio de Adsense nos aparezca en lo alto de la columna izquierda de nuestras páginas (el anuncio así creado lo podéis ver en está web donde digo).

Para ello nos vamos al menú "Extensiones" → "Gestor de Módulos" en nuestro administrador de Joomla! y editamos el módulo Jumi:

alt

Le daremos un título al módulo para reconocerlo, la posición en que queremos que se muestre en nuestra página y en qué categorias. Aquí podemos observar la versatilidad de esta fórmula, pues si tenemos varias categorias en nuestro sitio Joomla! con diferente diseño, podremos duplicar el módulo Jumi para Adsense dándole el contenido de otro archivo .php con otro bloque de Adsense diferente que se ajuste a nuestro contenido.

Finalmente en la parte de la derecha, al final donde señala la flecha en la imagen de arriba, en "Código fuente" podremos la ruta hasta nuestro archivo, en este caso: publi/ap-300x250-top.php, aplicamos o guardamos los cambios y ya se debería ver el anuncio de Adsense en nuestra página (atención no se os olvide publicar también el módulo).

Vamos a ver ahora cómo insertar facilmente anuncios de Adsense entre el texto de los artículo de Joomla! utilizando el plugin de Jumi.

Lo primero que haremos será desde el Ad Manager (Administrador de anuncios) de Adsense crear un nuevo bloque como he mencionado más arriba.
Una vez obtenido modificaremos el código entre <head> y </head> añadiéndole la nueva línea para este bloque:

Código administrador anuncios de Adsense

Así mismo crearemos un nuevo archivo .php (ver también más arriba) que en este caso del ejemplo he llamado ap-art-468x60.php y lo subiremos a nuestro servidor a la carpeta que hemos destinado a guardar los archivos de publicidad. Os dejo las imágenes:

Jumi archivo php publicidad Adsene

Jumi archivos php en el servidor


Con esto ya estamos preparados para insertar la publicidad de Adsense en cualquier lugar entre el texto de nuestros artículos. Se pueden emplear tablas o DIV para posicionarla a nuestro gusto.

La pequeña línea de código que utilizaremos es esta: Código plugin de Jumique como vemos llama al archivo que hemos subido en los pasos anteriores. Utilizando estos códigos, que serán diferentes para cada bloque de anuncios obtenido desde el Administrdor de Anuncios de Adsense, y siguiendo los pasos anteriores podremos poner nuestros "adsenses" en varios lugares entre el texto de nuestros artículos, siempre respetando lo permitido : 3 bloques de contenido, 3 bloques de vínculos y 2 barras de búsqueda.

{jumi [ap-art-468x60.php]}


Este anuncio que véis arriba está creado de esta manera y podéis conseguir su código mirando el código fuente de la página.