Advertisement:

Author Topic: [TUTORIAL]Insertar google analytics en smf Sin mods  (Read 271 times)

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,344
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
[TUTORIAL]Insertar google analytics en smf Sin mods
« 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

Code: [Select]
<!-- 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

Code: [Select]
<!-- 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



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)




Offline Rock Lee

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,753
  • Gender: Male
  • Learning more every day!
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: [TUTORIAL]Insertar google analytics en smf Sin mods
« Reply #1 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!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline gohanjaja

  • Jr. Member
  • **
  • Posts: 377
Re: [TUTORIAL]Insertar google analytics en smf Sin mods
« Reply #2 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>