Merge branch 'feature-add-google-ads-plugins' into master

Author: maciejSamerdak

blog/models.py

@@ -22,6 +22,7 @@
 
 from blog.constants import MAX_BLOG_ARTICLE_TITLE_LENGTH
 from company_website.models import Employees
+from company_website.view_helpers import GoogleAdsMixin
 
 
 class MixinSeoFields(models.Model):
@@ -48,7 +49,7 @@ def get_paginated_articles(articles: QuerySet, request: WSGIRequest) -> Page:
         return paginated_articles
 
 
-class BlogIndexPage(MixinSeoFields, Page, MixinPageMethods):
+class BlogIndexPage(MixinSeoFields, Page, MixinPageMethods, GoogleAdsMixin):
     template = "blog_index_page.haml"
 
     def get_all_articles(self) -> PageQuerySet:  # pylint: disable=no-self-use
@@ -77,7 +78,7 @@ def get_context(self, request: WSGIRequest, *args: Any, **kwargs: Any) -> dict:
         return context_data
 
 
-class BlogArticlePage(MixinSeoFields, Page, MixinPageMethods):
+class BlogArticlePage(MixinSeoFields, Page, MixinPageMethods, GoogleAdsMixin):
     template = "blog_post.haml"
     date = models.DateField("Post date")
     intro = models.CharField(max_length=250)

company_website/static/common/scripts/head/google_tag_manager.js

@@ -0,0 +1,10 @@
+(function(_window, _document, script, layer, id){
+    _window[layer] = _window[layer] || [];
+    _window[layer].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
+    var f = _document.getElementsByTagName(script)[0],
+    j = _document.createElement(script), dl = layer != 'dataLayer' ? '&l=' + layer : '';
+    j.async = true;
+    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + id + dl;
+    f.parentNode.insertBefore(j, f);
+})
+(window, document, 'script', 'dataLayer', 'GTM-TCWZK7N');

company_website/static/common/scripts/head/gtag_setup.js

@@ -0,0 +1,6 @@
+window.dataLayer = window.dataLayer || [];
+function gtag(){
+    dataLayer.push(arguments);
+}
+gtag('js', new Date());
+gtag('config', window.GOOGLE_ADS_CONVERSION_ID);

company_website/static/estimate_project/scripts/head/conversion_tracking.js

@@ -0,0 +1,16 @@
+function gtagReportConversion(url) {
+    var callback = function () {
+        if (typeof (url) != 'undefined') {
+            window.location = url;
+        }
+    };
+    gtag(
+        'event',
+        'conversion',
+        {
+            'send_to': window.GOOGLE_ADS_CONVERSION_TARGET_ADDRESS,
+            'event_callback': callback
+        }
+    );
+    return false;
+}

company_website/templates/base.haml

@@ -6,20 +6,20 @@
 {% load google_analytics_tags %}
 {% load pipeline %}
 {% stylesheet 'common' %}
-.google-analytics
-    %img.google-analytics-image{:src => "{% google_analytics %}", :alt => "Google Analytics"}
 
 {% block extra_head %}
 {% endblock %}
 
+.google-analytics
+    %img.google-analytics-image{:src => "{% google_analytics %}", :alt => "Google Analytics"}
 .overlay
+
 {% include "common_partials/menu.haml" %}
 
 {% block content %}
 {% endblock %}
 
 {% include "common_partials/footer.haml" %}
-
 {% include "common_partials/scripts.haml" %}
 
 {% block extra_script %}

company_website/templates/common_partials/head.haml

@@ -1,13 +1,12 @@
 {% load static %}
+{% load pipeline %}
 
-/ Google Tag Manager
 :javascript
-  (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=
-  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-TCWZK7N');
-/ End Google Tag Manager
+  window.GOOGLE_ADS_CONVERSION_ID = "{{ GOOGLE_ADS_CONVERSION_ID }}"
+
+%script{:async => "", :src => "https://www.googletagmanager.com/gtag/js?id={{ google_ads_conversion_id }}"}
+
+{% javascript 'common_head' %}
 
 %link{:rel => "stylesheet",
     :type => "text/css",

company_website/templates/estimate_project.haml

@@ -10,6 +10,9 @@
 
 {% block extra_head %}
     {% stylesheet 'estimate_project' %}
+    :javascript
+      window.GOOGLE_ADS_CONVERSION_TARGET_ADDRESS = '{{ GOOGLE_ADS_CONVERSION_TARGET_ADDRESS }}'
+    {% javascript 'estimate_project_head' %}
 {% endblock %}
 
 {% block content %}

company_website/templates/estimate_project/estimate_project_form.haml

@@ -62,7 +62,8 @@
               {{form.privacy_policy_accepted}}
               I have read and accepted our
               %a{:href => "{% url 'privacy_and_policy' %}"}  Privacy Policy
-            %input.custom-button{:type => "submit", :value => "Estimate Project", :class => "estimate-button", :id => "btnSubmit"}
+            {% url "thank_you" as thank_you_url %}
+            %input.custom-button{:type => "submit", :value => "Estimate Project", :class => "estimate-button", :id => "btnSubmit", :onclick => 'return gtagReportConversion("{{ URL_PREFIX }}://{{ request.get_host }}{{ thank_you_url }}")'}
 
     .row
       .hide-add-questions

company_website/view_helpers.py

@@ -1,12 +1,21 @@
 from typing import Any
 from typing import Dict
 
+from django.conf import settings
 from django.views.generic import TemplateView
+from django.views.generic.base import ContextMixin
 
 from company_website.models import PageSeo
 
 
-class CustomTemplateView(TemplateView):
+class GoogleAdsMixin(ContextMixin):
+    extra_context = {
+        "GOOGLE_ADS_CONVERSION_ID": settings.GOOGLE_ADS_CONVERSION_ID,
+        "GOOGLE_ADS_CONVERSION_TARGET_ADDRESS": settings.GOOGLE_ADS_CONVERSION_TARGET_ADDRESS,
+    }
+
+
+class CustomTemplateView(TemplateView, GoogleAdsMixin):
     page_name = ""
 
     def get_context_data(self, **kwargs: Any) -> Dict:

company_website/views.py

@@ -11,10 +11,11 @@
 from company_website.models import Employees
 from company_website.models import Testimonial
 from company_website.view_helpers import CustomTemplateView
+from company_website.view_helpers import GoogleAdsMixin
 from company_website.view_helpers import add_meta_tags_to_page_context
 
 
-class MainPageView(ListView):
+class MainPageView(ListView, GoogleAdsMixin):
 
     template_name = "main_page.haml"
     model = Testimonial
@@ -27,7 +28,7 @@ def get_context_data(self, **kwargs: Any) -> dict:
         return context_data
 
 
-class TeamIntroductionPageView(ListView):
+class TeamIntroductionPageView(ListView, GoogleAdsMixin):
 
     template_name = "team_introduction_page.haml"
     model = Employees
@@ -59,12 +60,17 @@ class PrivacyAndPolicyView(CustomTemplateView):
     page_name = PageNames.PRIVACY_AND_POLICY.name
 
 
-class EstimateProjectView(FormView):
+class EstimateProjectView(FormView, GoogleAdsMixin):
 
     template_name = "estimate_project.haml"
     form_class = ProjectToEstimateForm
     page_name = PageNames.ESTIMATE_PROJECT.name
 
+    def get_context_data(self, *, _object_list: Any = None, **kwargs: Any) -> dict:
+        context_data = super().get_context_data(**kwargs)
+        context_data["URL_PREFIX"] = settings.URL_PREFIX
+        return context_data
+
     def form_valid(self, form: ProjectToEstimateForm) -> bool:
         messages.success(self.request, "Profile details updated.")
         form.save()