Merge pull request #21 from arloc/google_tag_manager

Adicionando google tag manager

README.md

@@ -30,6 +30,7 @@ heroku config:set 'SECRET_KEY=VALOR-RANDOMICO-QUE-O-STARTPROJECT-GERA-PRA-VC'
 heroku config:set DEBUG=False
 heroku config:set 'RECAPTCHA_PUBLIC_KEY=CHAVE-PUBLICA-DO-RECAPTCHA'
 heroku config:set 'RECAPTCHA_PRIVATE_KEY=CHAVE-PRIVADA-DO-RECAPTCHA'
+heroku config:set 'GTM_CONTAINER=CONTAINER-DO-GOOGLE-TAG-MANAGER'
 git push heroku master
 heroku run python manage.py syncdb --migrate
 ```
@@ -43,3 +44,6 @@ heroku run python manage.py syncdb --migrate
 
 #Gerar credenciais do reCaptcha
 Para gerar as credenciais do reCaptcha acesse http://www.google.com/recaptcha 
+
+#Configurar o Google Tag Manager
+Através do Google Tag Manager é possível configurar o Google Analytics e outras ferramentas externas. Para configurar uma conta acesse: https://www.google.com/tagmanager

telemob/main/context_processors.py

@@ -0,0 +1,7 @@
+# -*- coding: utf-8 -*-
+
+from django.conf import settings
+
+
+def google_tag_manager(request):
+    return {'GTM_CONTAINER': settings.GTM_CONTAINER}

telemob/settings.py

@@ -99,6 +99,7 @@
     'django.core.context_processors.tz',
     'django.contrib.messages.context_processors.messages',
     'django.core.context_processors.request',
+    'telemob.main.context_processors.google_tag_manager'
 )
 
 TEMPLATE_DIRS = (
@@ -115,6 +116,12 @@
     default='1234567897132123'
 )
 
+# Google Tag Manager
+GTM_CONTAINER = config(
+    'GTM_CONTAINER',
+    default=None
+)
+
 RECAPTCHA_PRIVATE_KEY = config(
     'RECAPTCHA_PRIVATE_KEY',
     default='1234567897132123'

telemob/templates/base.html

@@ -50,6 +50,19 @@
 
     <script src="http://code.jquery.com/jquery-latest.js"></script>
     <script src="{% static 'js/bootstrap.min.js' %}"></script>
+
+    {% if GTM_CONTAINER %}
+    <!-- Google Tag Manager -->
+    <noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ GTM_CONTAINER }}"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','{{ GTM_CONTAINER }}');</script>
+    <!-- End Google Tag Manager -->
+    {% endif %}
+
     {% block js %}{% endblock js %}
   </body>
 </html>