Foros del Web » Creando para Internet » Diseño web »

Problemas con html y google analytics

Estas en el tema de Problemas con html y google analytics en el foro de Diseño web en Foros del Web. Muy buenas amigos, me estoy volviendo loco con mis casi nulos conocimientos de html para introducir un codigo de google analytics en una web que ...
  #1 (permalink)  
Antiguo 23/12/2008, 06:54
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 9 años
Puntos: 0
Problemas con html y google analytics

Muy buenas amigos, me estoy volviendo loco con mis casi nulos conocimientos de html para introducir un codigo de google analytics en una web que he echo en iweb a ver si me podeis ayudar.

Google me dice:
Copie el segmento de código y péguelo al final de su contenido, inmediatamente antes de la etiqueta </body> de cada página que desea supervisar.

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
</script>

Pero cuando meto el código donde me dice y abro el html en mi explorador solo sale código en lugar del contenido de la web.
Ahora os muestro el codigo html que genera iweb para ver si me indicáis donde lo puedo colocar, espero no volveros locos y gracias de antemano:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20081222" />
<meta name="viewport" content="width=700" />
<title>Marko Larrea</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Marko_Larrea_files/Marko_Larrea.css" />
<!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='Marko_Larrea_files/Marko_LarreaIE.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Marko_Larrea_files/Marko_Larrea.js"></script>
</head>
<body style="background: #ffffff; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #ffffff; text-align: left; width: 700px; " id="body_content">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 35px; margin-top: 0px; position: relative; width: 630px; z-index: 1; ">

<div id="widget0-navbar" class="navbar">


<div id="widget0-bg" class="navbar-bg">


<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>


</div>


</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"current-page-GUID": "56C855AF-25A7-40A4-9349-549779DE1EF7", "path-to-root": "", "isCollectionPage": "NO", "navbar-css": ".navbar {\n\tfont-family: Arial, sans-serif;\n\tfont-size: 1em;\n\tcolor: #666;\n\tmargin: 9px 0px 6px 0px;\n\tline-height: 30px;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:hover\r{\r\n \tcolor: #463C3C;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\t color: #463C3C;\n\ttext-decoration: none;\n\tfont-weight: bold;\r\r}"});
//--><!]]></script>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 85px; width: 123px; height: 85px; left: 286px; position: absolute; top: 58px; width: 123px; z-index: 1; " class="tinyText style_SkipStroke stroke_0 shadow_0">
<a href="http://www.markolarrea.eu/indexe.html" title="http://www.markolarrea.eu/indexe.html"><img src="Marko_Larrea_files/bandera_espana.jpg" alt="" style="border: none; height: 86px; width: 123px; " /></a>
</div>



<div style="height: 85px; width: 123px; height: 85px; left: 287px; position: absolute; top: 360px; width: 123px; z-index: 1; " class="tinyText style_SkipStroke stroke_1 shadow_1">
<a href="http://www.markolarrea.eu/indexi.html" title="http://www.markolarrea.eu/indexi.html"><img src="Marko_Larrea_files/bandera_England.jpg" alt="" style="border: none; height: 86px; width: 123px; " /></a>
</div>



<div style="height: 27px; width: 64px; height: 27px; left: 316px; position: absolute; top: 21px; width: 64px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_2">
<div style="position: relative; width: 64px; ">
<img src="Marko_Larrea_files/shapeimage_1.png" alt="" style="height: 14px; left: 0px; margin-left: 5px; margin-top: 9px; position: absolute; top: 0px; width: 52px; " />
</div>
</div>



<div style="height: 27px; width: 61px; height: 27px; left: 318px; position: absolute; top: 322px; width: 61px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_3">
<div style="position: relative; width: 61px; ">
<img src="Marko_Larrea_files/shapeimage_2.png" alt="" style="height: 15px; left: 0px; margin-left: 5px; margin-top: 9px; position: absolute; top: 0px; width: 47px; " />
</div>
</div>



<div style="height: 50px; width: 684px; height: 50px; left: 8px; position: absolute; top: 186px; width: 684px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_4">
<div style="position: relative; width: 684px; ">
<img src="Marko_Larrea_files/shapeimage_3.png" alt="" style="height: 35px; left: 0px; margin-left: 6px; margin-top: 7px; position: absolute; top: 0px; width: 672px; " />
</div>
</div>



<div style="height: 52px; width: 564px; height: 52px; left: 67px; position: absolute; top: 485px; width: 564px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_5">
<div style="position: relative; width: 564px; ">
<img src="Marko_Larrea_files/shapeimage_4.png" alt="" style="height: 35px; left: 0px; margin-left: 13px; margin-top: 7px; position: absolute; top: 0px; width: 538px; " />
</div>
</div>



<div style="height: 69px; width: 62px; height: 69px; left: 507px; position: absolute; top: 70px; width: 62px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_2 shadow_6">
<a href="http://www.adobe.com/es/products/flashplayer/" title="http://www.adobe.com/es/products/flashplayer/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Marko_Larrea_files/2505924942_ff2f91a724.jpg" alt="" style="border: none; height: 70px; width: 62px; " /></a>
</div>



<div style="height: 70px; width: 63px; height: 70px; left: 509px; position: absolute; top: 370px; width: 63px; z-index: 1; " class="tinyText style_SkipStroke_2 stroke_3 shadow_7">
<a href="http://www.adobe.com/products/flashplayer/" title="http://www.adobe.com/products/flashplayer/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Marko_Larrea_files/2505924942_ff2f91a724_1.jpg" alt="" style="border: none; height: 71px; width: 63px; " /></a>
</div>
<div style="height: 537px; line-height: 537px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 23/12/2008, 11:54
Avatar de trasgukabi  
Fecha de Ingreso: septiembre-2004
Mensajes: 2.749
Antigüedad: 13 años, 3 meses
Puntos: 18
Respuesta: Problemas con html y google analytics

así lo tienes que poner:
Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20081222" />
<meta name="viewport" content="width=700" />
<title>Marko Larrea</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Marko_Larrea_files/Marko_Larrea.css" />
<!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='Marko_Larrea_files/Marko_LarreaIE.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Marko_Larrea_files/Marko_Larrea.js"></script>
</head>
<body style="background: #ffffff; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #ffffff; text-align: left; width: 700px; " id="body_content">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 35px; margin-top: 0px; position: relative; width: 630px; z-index: 1; ">

<div id="widget0-navbar" class="navbar">


<div id="widget0-bg" class="navbar-bg">


<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>


</div>


</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"current-page-GUID": "56C855AF-25A7-40A4-9349-549779DE1EF7", "path-to-root": "", "isCollectionPage": "NO", "navbar-css": ".navbar {\n\tfont-family: Arial, sans-serif;\n\tfont-size: 1em;\n\tcolor: #666;\n\tmargin: 9px 0px 6px 0px;\n\tline-height: 30px;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:hover\r{\r\n \tcolor: #463C3C;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\t color: #463C3C;\n\ttext-decoration: none;\n\tfont-weight: bold;\r\r}"});
//--><!]]></script>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 85px; width: 123px; height: 85px; left: 286px; position: absolute; top: 58px; width: 123px; z-index: 1; " class="tinyText style_SkipStroke stroke_0 shadow_0">
<a href="http://www.markolarrea.eu/indexe.html" title="http://www.markolarrea.eu/indexe.html"><img src="Marko_Larrea_files/bandera_espana.jpg" alt="" style="border: none; height: 86px; width: 123px; " /></a>
</div>



<div style="height: 85px; width: 123px; height: 85px; left: 287px; position: absolute; top: 360px; width: 123px; z-index: 1; " class="tinyText style_SkipStroke stroke_1 shadow_1">
<a href="http://www.markolarrea.eu/indexi.html" title="http://www.markolarrea.eu/indexi.html"><img src="Marko_Larrea_files/bandera_England.jpg" alt="" style="border: none; height: 86px; width: 123px; " /></a>
</div>



<div style="height: 27px; width: 64px; height: 27px; left: 316px; position: absolute; top: 21px; width: 64px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_2">
<div style="position: relative; width: 64px; ">
<img src="Marko_Larrea_files/shapeimage_1.png" alt="" style="height: 14px; left: 0px; margin-left: 5px; margin-top: 9px; position: absolute; top: 0px; width: 52px; " />
</div>
</div>



<div style="height: 27px; width: 61px; height: 27px; left: 318px; position: absolute; top: 322px; width: 61px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_3">
<div style="position: relative; width: 61px; ">
<img src="Marko_Larrea_files/shapeimage_2.png" alt="" style="height: 15px; left: 0px; margin-left: 5px; margin-top: 9px; position: absolute; top: 0px; width: 47px; " />
</div>
</div>



<div style="height: 50px; width: 684px; height: 50px; left: 8px; position: absolute; top: 186px; width: 684px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_4">
<div style="position: relative; width: 684px; ">
<img src="Marko_Larrea_files/shapeimage_3.png" alt="" style="height: 35px; left: 0px; margin-left: 6px; margin-top: 7px; position: absolute; top: 0px; width: 672px; " />
</div>
</div>



<div style="height: 52px; width: 564px; height: 52px; left: 67px; position: absolute; top: 485px; width: 564px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_5">
<div style="position: relative; width: 564px; ">
<img src="Marko_Larrea_files/shapeimage_4.png" alt="" style="height: 35px; left: 0px; margin-left: 13px; margin-top: 7px; position: absolute; top: 0px; width: 538px; " />
</div>
</div>



<div style="height: 69px; width: 62px; height: 69px; left: 507px; position: absolute; top: 70px; width: 62px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_2 shadow_6">
<a href="http://www.adobe.com/es/products/flashplayer/" title="http://www.adobe.com/es/products/flashplayer/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Marko_Larrea_files/2505924942_ff2f91a724.jpg" alt="" style="border: none; height: 70px; width: 62px; " /></a>
</div>



<div style="height: 70px; width: 63px; height: 70px; left: 509px; position: absolute; top: 370px; width: 63px; z-index: 1; " class="tinyText style_SkipStroke_2 stroke_3 shadow_7">
<a href="http://www.adobe.com/products/flashplayer/" title="http://www.adobe.com/products/flashplayer/" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Marko_Larrea_files/2505924942_ff2f91a724_1.jpg" alt="" style="border: none; height: 71px; width: 63px; " /></a>
</div>
<div style="height: 537px; line-height: 537px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html> 
  #3 (permalink)  
Antiguo 23/12/2008, 15:19
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 9 años
Puntos: 0
Respuesta: Problemas con html y google analytics

Muchas gracias por la respuesta, pero sigue pasándome que cuando introduzco este código me sale en pantalla todo el código html en lugar de la web, no se por que pasa pues antes este código lo tenia en otro index durante meses y funcionando correctamente todo, por cierto una maravilla el google analytics.

No se que esta pasando, no se si podría ser posible que al desarrollar el código html del index con un editor gráfico llamado iweb del macosx pueda ser que posteriormente no deje modificarlo en un blog de notas para añadirle html.

Me estoy volviendo loco buscando soluciones.
  #4 (permalink)  
Antiguo 23/12/2008, 15:57
Avatar de trasgukabi  
Fecha de Ingreso: septiembre-2004
Mensajes: 2.749
Antigüedad: 13 años, 3 meses
Puntos: 18
Respuesta: Problemas con html y google analytics

es posible que lo estés poniendo "en modo diseño". No sé cómo funciona iweb, pero supongo que tendrá alguna opción para insertar código a mano, no en WYSIWYG
  #5 (permalink)  
Antiguo 23/12/2008, 17:54
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 9 años
Puntos: 0
Respuesta: Problemas con html y google analytics

Iweb viene con una herramienta en la que puedes insertar código, pero como el código dice google que lo tengo que poner en un sitio concreto no utilizo esa herramienta, lo que hago es coger el código html que genera iweb y abrirlo en un blog de notas, allí le añado el código html a mano y me da estos problemas, por eso digo que no se si es posible que iweb de alguna manera impida que posteriormente se añada código manualmente con otra aplicación o algo así.

Pero me parece que al final lo voy a hacer con otro programa por que no se que hacer ya.

¿alguna sugerencia de editor html sencillito y gratis?

gracias
  #6 (permalink)  
Antiguo 23/12/2008, 18:28
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Problemas con html y google analytics

El unico problema que veo para que no funcione la edicion en el bloc de notas es que tengas el archivo abierto tambien en iweb.

Insertar codigo de Google Analytics con iweb
- Traducido por Google
__________________
- León, Guanajuato
- GV-Foto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:45.