adsense en prestashop

Experimenta con el foro

adsense en prestashop

Notapor chil » Mié, 22 Oct 2014, 16:05

http://info.dsdisenoweb.com/poner-adsen ... ma-manual/


Poner adsense en prestashop de forma manual
1 Flares Twitter 1 Facebook 0 Filament.io Made with Flare More Info

Para colocar los anuncios de adsense en prestashop o que debes hacer es ir a modulos, buscar el modulo de google adsense, instalar el modulo y pegar tu código de adsense en el apartado que el modulo te presenta.



Para los que ya han hecho esto se han dado cuenta que la integración del modulo de adsense en prestashop es una completa basura, permitiendo un nulo manejo de las posiciones donde aparecen tus anuncios dentro de la tienda.


Ahora les dejo este tutorial para poner adsense en prestashop.

Las partes donde podras colocar tus bloques adsense son las categorías, las páginas de producto, la pagina principal y el sidebar de tu tienda. En todos los casos necesiraras acceso a los archivos de tu tienda ya que modificaremos algunos archivos.



Antes de hacer cualquier cambio debes debes bajar cada uno de los archivos que menciono para tener un respaldo por si ocurre un error: product.tpl - category.tpl – index.tpl(estan en el directorio de la plantilla de tu tienda) y global.css que se encuentra en la carpera css de tu plantilla prestashop en la direccion: themes/nombredelthme/css/global.css.



Cuando coloques tus bloques de adsense siempre colocalos dentro de <div> con una clase que los identifique, por ejemplo:



<div class=”adsa”>codigo</div> para identificar los bloques de los articulos.
<div class=”adsb”>codigo</div> para identificar los bloques de las categorias.
<div class=”adsc”>codigo</div> para identificar los bloques de la pagina princiapal.


Esto te ayudara luego a mover cada bloque desde el archivo css por medio de las clases, no te preocupes que es muy facil.


COLOCAR ADSENSE EN LOS PRODUCTOS DE PRESTASHOP:



En este paso lo que debes de hacer es editar el archivo product.tpl de tu prestashop, donde debes buscar la linea {include file=”$tpl_dir./breadcrumb.tpl”}, te recomiendo usar la herramienta de busqueda de tu editor, esta linea solo es para tu referencia dentro del archivo .tpl y te indicara donde poner tu codigo de adsense.



La linea {include file=”$tpl_dir./breadcrumb.tpl”} es la encargada de mostrar las opciones de navegacion en tuberia de tu tienda, la idea es colocar tu bloque adsense bajo esa linea(eso hara que tu bloque aparezca sobre el producto).

adsense en prestashop (2)



adsense en prestashop (1)

El segundo paso es colocar el bloque de adsense bajo el articulo, para esto debes buscar la linea {$HOOK_EXTRA_RIGHT} donde podras ver dos cierres de div </div></div>, es luego de esos 2 cierres donde debes colocar tu bloque de adsense de nuevo.



en estos 2 pasos podras colocar tu codigo de adsense sobre y bajo tus articulos prestashop.

adsense en prestashop (5)


COMO COLOCAR LOS ANUNCIOS EN LAS CATEGORÍAS DE PRESTASHOP

Para colocar nuestros bloques en las categorias lo unico que debes hacer es buscar el archivo category.tpl donde debes buscar la linea {if $products} que te indica el inicio de los diferentes loop que hacen que prestashop muestre sus diferentes vistas en las categorias.



Antes de la linea {if $products} debes agregar tu bloque de adsense y el segundo bloque de adsense lo debes colocar antes o despues de {include file=”./pagination.tpl”} que lo veras unas lineas mas abajo. Esto te mostrar los anuncios de adsense tanto arriba de las categorias como en el final.

adsense en prestashop (4)
COMO COLOCAR LOS BLOQUES DE ADSENSE EN LA PAGINA PRINCIPAL

Esta es la parte mas facil de todoas, lo unico que debes hacer es abrir el archivo index.tpl y agregar tus bloques antes y despues de la linea {$HOOK_HOME}, esto te mostrara los bloques de adsense al inicio y fin de tu pagina index.

adsense en prestashop (3)

Al final solo debes colocar el tercer bloque que permite google en el sidebar con el modulo de google adsense.



Ahora que ya tienen todo solo falta darle forma o terminar de fijar la posición de nuestros anuncios. Recuerdan que les dije que colocaran los bloques dentro de div? Pues vamos a eso.



En muchos de los casos nos veremos en la necesidad de mover a la izquierda o a la derecha nuestros anuncios para dejarlo en la posición exacta, lo que vamos hacer es ir a nuestra carpeta css (la de tu plantilla prestashop) y editar el archivo global.css donde agregaremos estas líneas al final del archivo:



.adsa{margin: 0px 0px 0px 0px }
.adsb{margin: 0px 0px 0px 0px }
.adsc{margin: 0px 0px 0px 0px }

Usando margin podremos lograr que nuestros anuncios se muevan reemplazando los 0PX por el numero de PX que necesitas en el orden de arriba derecha Abajo izquierda.



Aca también podemos usar los –PX para moverlo a la izquierda o derecha desde su posición inicial.



Cuando tu das un margin a la izquierda lo que hace es moverte el anuncio un poco mas a la derecha pero si usas el –(X)px te moverá el anuncio a la izquierda desde su posición inicial, esto mismo aplica para todos los lados.
chil
Administrador del Sitio
 
Mensajes: 228
Registrado: Vie, 28 Feb 2014, 08:33

Volver a Foro de Prueba

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

cron