Blog de Futurízate

Para hacer el seguimiento de las conversiones de una campaña de Google Adwords, editaremos el fichero http://[dominio]/[directorio web]/modules/servired/pago_correcto.php y añadiremos el siguiente código indicando nuestros identificador y etiqueta de Google Adwords en los espacios marcados.

<!-- INICIO ADWORDS -->
<script type="text/javascript">
<!--
	var google_conversion_id =[identificador];
	var google_conversion_language = "es";
	var google_conversion_format = "3";
	var google_conversion_color = "ffffff";
	var google_conversion_label = "[etiqueta]";
	var google_conversion_value = 0;
	if (1.0) {
	  google_conversion_value = 1.0;
	}
//-->
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js"></script>
<noscript>
	<div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/[identificador]/?value=1.0&amp;label=[etiqueta]&amp;guid=ON&amp;script=0"/></div>
</noscript>
<!-- FIN ADWORDS -->

Esperamos que os sea útil.

Para añadir el código de Google Analytics en Prestashop, editaremos el fichero http://[dominio]/[directorio web]/themes/[tema]/header.tpl. Buscaremos el código mostrado en azul y incluiremos el siguiente código. En rojo, especificaremos nuestro identificador de Google Analytics.

{$HOOK_HEADER}
<!-- INICIO ANALYTICS -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- FIN ANALYTICS -->

Esperamos que os sea útil.

Nos hemos encontrado con una problemática al crear un Magic Fields y es que al acceder al detalle del post, el fichero single.php siempre lista todos los posts. Algo que obviamente no nos interesa ya que si estamos listando noticias, no puede ser que salte a un evento.

La solución es bien sencilla. Hemos de de modificar las llamadas a previous_post_link(’» %link’) y next_post_link(’%link »’) por previous_post_link(’« %link’, ‘%title’, true) y next_post_link(’%link »’, ‘%title’, true).

Si analizamos los parámetros veremos in_same_cat que se refiere que tengan la misma categoría.

<?php previous_post_link($format, $link, $in_same_cat = false, $excluded_categories = ”); ?>

Podéis consultar toda la info en http://codex.wordpress.org/Function_Reference/previous_post_link

Recientemente nos hemos encontrado con la necesidad de incluir una fuente de letra poco común en la web. La solución ha sido bien sencilla:

@font-face {
	font-family: 'Mi fuente';
	src: url('./fonts/mi fuente.ttf') format('truetype');
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Mi fuente', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

En ROJO el alias que utilizaremos para nuestra nueva fuente de letra, en AZUL la ruta donde se encuentra nuestro TTF.

Esperemos que os sea de ayuda.

En un proyecto multiidioma, el cliente por un tema de timming ha decidido salir a producción sólo con Español.

Al desactivar el resto de idiomas, al pulsar en la home redireccionaba a la página PÁGINA NO DISPONIBLE: Lo sentimos, la página no se encuentra disponible.

Después de muchos vueltas la solución era bien sencilla. Las URLs amigables se cachean por algún motivo. Reiniciando el navegador, todo vuelve a su cauce.

Esperamos que os sea útil.

Cuando estaba preparando el post “Cómo mostrar precios sin IVA en Prestashop” me he dado cuenta que no podía subir imágenes. El error que me aparecía era open_basedir restriction in effect, según parecía en un primer momento no tenía permisos de escritura la carpeta uploads dónde guardar las imágenes.

Mi primera paso fué dar permisos de la carpeta a 775 y más tarde a 777 pero nada. Finalmente encontré la solución investigando por foros y gracias a google (como muchas veces pasa).

Los pasos son los siguientes:

1. Acceder a la administración de nuestro Wordpress
2. Ir a Opciones > Miscelánea
3. El la opción Guardar los archivos subidos en esta carpeta
   tenia de valor /var/www/vhost/xxxxxxxxxxxx/home/html/blog/wp-content/uploads y este es el motivo de que no funcionara
4. Modificarlo por el directorio por defecto wp-content/uploads
5. Listo!!

Nada más fácil que acceder a Backoffice > Clientes > Grupos

Seleccionamos Editar la opción Predeterminado.

Cambiamos el Método de visualización de precios a Impuestos no incluidos y listo!!

Investigando como podríamos implementar el código del Google Analytics no intrusivo en nuestras webs, como el típico código al final del tag BODY:

<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	 })();
 </script>

Hemos descubierto una opción muy interesante, observamos que utilizanto Regular Expressions podemos conseguir analizar no sólo las páginas que visitamos sino los enlaces como mailto, archivos PDFs, enlaces externos, etc. que se incluyan en nuestra web. Se pueden ampliar para obtener los resultados deseados en cada caso y se trata del siguiente código:

$(document).ready(function(){

	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

	//use jQuery to call the Google Analytics JavaScript
	$.getScript(gaJsHost + "google-analytics.com/ga.js", function(){

		//tell Analytics about the current page load using standard _trackPageview method
		try {
			var pageTracker = _gat._getTracker("UA-XXXXXXXX-X");
			pageTracker._trackPageview();
		} catch(err) {}

		//loop though each anchor element
		$('a').each(function(){

			var href = $(this).attr('href');
			var filetypes = /\.(zip|exe|pdf|doc*|xls*|ppt*|mp3)$/i;

			//check for links starting with http or https, making sure that links to our own domain are excluded
			if ((href.match(/^https?\:/i)) && (!href.match(document.domain))){
				$(this).click(function() {
					var extLink = href.replace(/^https?\:\/\//i, '');
					pageTracker._trackEvent('External', 'Click', extLink);
				});
			}
			//check for links starting with mailto:
			else if (href.match(/^mailto\:/i)){
				$(this).click(function() {
					var mailLink = href.replace(/^mailto\:/i, '');
					pageTracker._trackEvent('Email', 'Click', mailLink);
				});
			}
			//check for links with file extension that match the filetypes regular expression:
			else if (href.match(filetypes)){
				$(this).click(function() {
  					var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
					var filePath = href.replace(/^https?\:\/\/(www.)mydomain\.com\//i, '');
					pageTracker._trackEvent('Download', 'Click - ' + extension, filePath);
				});
			}
		});
	});
});

Con este código, hemos realizado una prueba y el resultado es:

Esperamos que os sea tan útil como seguro no lo será para nosotros de ahora en adelante.

Genial artículo de los compañeros de “Caja de ideas” que tiene como resumen:Si lo que buscas es algo…

• Rápido, Barato y Bueno: Utopía Imposible
• Rápido y Barato: Conseguirás algo feo, rápido y descuidado
• Rápido y Bueno: Tendrás que pagarlo
• Bueno y Barato: Justo a tiempo para ser demasiado tarde (tendrás que invertir en tiempo hasta conseguirlo)

La otra opción ya es para la gente que no busca diseño barato sino directamente gratis y entonces…

• Gratis y Bueno: Inténtalo de nuevo (o lo que es lo mismo Nanai de la china)
• Gratis, Rapido: Basura
• Gratis, Rapido y Bueno: Sal Corriendo (Si era una utopia cuando era barato, que decir ya cuando es gratis)

Artículo completo en: http://www.cajadeideasonline.com/la-utopia-del-bueno-bonito-barato-aplicada-al-diseno-grafico-infografia/

Hace unos día llegó hasta nosotros vía twitter este video. Bajo el título “ICEMD Masterclass: Experiencia Coca Cola en redes sociales”, Francisco Rodríguez (Interactive & CRM Manager en Coca Cola) nos da una lección sobre el impacto de las Redes Sociales y el valor de la Marca en ellas y hacia dónde va encaminadas.