Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Tutoriales => Topic started by: Dhayzon on May 13, 2020, 04:56:26 PM

Title: [TUTORIAL]Insertar google analytics en smf Sin mods
Post by: Dhayzon on May 13, 2020, 04:56:26 PM
lo primero que tienes que insertar en tu smf es google  analytics, para tener una estadística en real time y ver que posts estan teniendo éxito, para que en esos post metas más spam sobre tu sitio, tipo "únete, es gratis " 


el problema aquí son las comillas simples, ya que smf  tiene  otro enfoque a la hora de combinar php y html

la solución es simple reemplazar las comillas simples por dobles o colocar  \ una barra invertida \ delante de todos las comillas simples

FUENTE

Partiendo desde la fuente oficial de google https://developers.google.com/analytics/devguides/collection/analyticsjs?hl=es


La etiqueta de Google Analytics debe añadirse en la parte superior de la etiqueta <head>
y antes de cualquier otra secuencia de comandos o etiqueta de CSS. La cadena

y la etiqueta a colocar es


<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->



A si tal cual si lo agregamos a smf nos dará error  por las comillas simples , la solución ya explique arriba

Aquí la solución

buscar en el archivo index.template.php del theme que estes usando, La etiqueta <head>


justo abajo pegamos el código final arreglado donde solo tendrás que cambiar UA-xxxxx-x por tu traking code que te da google analytics


<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i[\'GoogleAnalyticsObject\']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,\'script\',\'https://www.google-analytics.com/analytics.js\',\'ga\');

ga(\'create\', \'UA-xxxxx-x\', \'auto\');
ga(\'send\', \'pageview\');
</script>
<!-- End Google Analytics -->



y tendremos estadísticas en tiempo real

(https://i.imgur.com/nDfnAGr.png)

la imagen respalda algunos puntos que mencione en este post https://www.simplemachines.org/community/index.php?topic=573208.0


como podrán ver en paginas como  /index.php?topic  es donde mas esfuerzo deben hacer y no perder el tiempo en el index  con portales o cosas raras ya que a nadie le importará (sacando del universo nadie  a usuario fieles que si suelen ir al inicio de vez en cuando)



Title: Re: [TUTORIAL]Insertar google analytics en smf Sin mods
Post by: -Rock Lee- on May 13, 2020, 08:51:42 PM
Bastante bueno te puede dar un idea que tenes que mejorar o cambiar ademas te sirve para verificar la propiedd de tu web con la consola de webmaster tools que te complementa mas datos!


Saludos!
Title: Re: [TUTORIAL]Insertar google analytics en smf Sin mods
Post by: gohanjaja on May 18, 2020, 07:33:38 PM
Gracias yo lo habia usado con la nueva versión:

<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(\'js\', new Date());

  gtag(\'config\', \'G-XXXXXXXXXXXXX\');
</script>