Issue 557 google analytics

Dockerfile

@@ -49,7 +49,6 @@ COPY ./package.json ./package.json
 USER root
 COPY ./build/docker-entrypoint.sh /usr/local/bin/docker-entrypoint.sh
 
-# RUN chmod +x ./build/docker-entrypoint.sh
 RUN chmod ugo+rx /usr/local/bin/docker-entrypoint.sh
 
 # Assign file permissions.
@@ -65,15 +64,6 @@ RUN echo $NPM_REGISTRY && \
 # Copy in your index.html file and modify it before the mvn package command
 COPY ./src/main/resources/templates/index.html $SOURCE_DIR/src/main/resources/templates/index.html
 
-RUN ga4=$(cat ./build/Ga4.txt) && \
-    gtm=$(cat ./build/Gtm.txt) && \
-    ga4_one_line=$(echo "$ga4" | tr -d '\n') && \
-    gtm_one_line=$(echo "$gtm" | tr -d '\n') && \
-    ga4_escaped=$(echo "$ga4_one_line" | sed -e 's/[\/&]/\\&/g') && \
-    gtm_escaped=$(echo "$gtm_one_line" | sed -e 's/[\/&]/\\&/g') && \
-    sed -i "s#<!--google Analytics Tag -->#${ga4_escaped}#g" $SOURCE_DIR/src/main/resources/templates/index.html && \
-    sed -i "s#<!-- Google Tag Manager (noscript) -->#${gtm_escaped}#g" $SOURCE_DIR/src/main/resources/templates/index.html
-
 # Build.
 RUN mvn package -Pjar -DskipTests
 
@@ -110,12 +100,7 @@ USER $USER_NAME
 # Copy over the built artifact and library from the maven image.
 COPY --from=maven $SOURCE_DIR/target/ROOT.jar ./sage.jar
 COPY --from=maven $SOURCE_DIR/target/libs ./libs
-COPY --from=maven $SOURCE_DIR/build/Ga4.txt ./build/Ga4.txt
-COPY --from=maven $SOURCE_DIR/build/Gtm.txt ./build/Gtm.txt
-COPY --from=maven $SOURCE_DIR/src/main/resources/templates/index.html ./src/main/resources/templates/index.html
-
-# Make sure the user has the necessary permissions on index.html
-RUN chown $USER_NAME:$USER_NAME ./src/main/resources/templates/index.html && chmod u+rw ./src/main/resources/templates/index.html
+COPY --from=maven $SOURCE_DIR/build/docker-entrypoint.sh ./build/docker-entrypoint.sh
 
 ENV AUTH_STRATEGY=weaverAuth
 

build/docker-entrypoint.sh

@@ -10,31 +10,7 @@ envsubst < /usr/local/app/templates/appConfig.js.template > appConfig.js
 echo "Done"
 head -n 20 appConfig.js
 
-echo "Done docker-entrypoint..."
-
-### Below is the injecting script that will inject the txt files into the placeholder###
-### into the index.html file incase you do not want it to be built within the Docker image###
-
-# Specify the directories containing the JavaScript and HTML files
-# jsfiles_dir="./build/"
-# htmlfiles_dir="./src/main/resources/templates/"
-
-# Encode the scripts
-# ga4=$(cat "${jsfiles_dir}Ga4.txt")
-# gtm=$(cat "${jsfiles_dir}Gtm.txt")
 
-# Remove any newline characters
-# ga4_one_line=$(echo "$ga4" | tr -d '\n')
-# gtm_one_line=$(echo "$gtm" | tr -d '\n')
-
-# #escape the special characters for sed commands
-# ga4_escaped=$(echo "$ga4_one_line" | sed -e 's/[\/&]/\\&/g')
-# gtm_escaped=$(echo "$gtm_one_line" | sed -e 's/[\/&]/\\&/g')
-
-# Inject the scripts
-# sed -i "s#<!--google Analytics Tag -->#${ga4_escaped}#g" "${htmlfiles_dir}index.html"
-# sed -i "s#<!-- Google Tag Manager (noscript) -->#${gtm_escaped}#g" "${htmlfiles_dir}index.html"
-
-# chown -R $USER_NAME:$USER_NAME ./src/main/resources/templates && chmod -R u+rw ./src/main/resources/templates
+echo "Done docker-entrypoint..."
 
 exec "$@"

src/main/java/edu/tamu/sage/service/SimpleProcessorService.java

@@ -49,6 +49,12 @@ public class SimpleProcessorService implements ProcessorService {
     @Value("${app.solr.batch-size:250}")
     private Integer batchSize;
 
+    @Value("${app.googleTag}")
+    private String googleAnalytics;
+
+    public String getGoogleAnalytics() {
+        return googleAnalytics;
+    }
     @Autowired
     private SimpMessagingTemplate simpMessagingTemplate;
 

src/main/java/edu/tamu/sage/ui/controller/ViewController.java

@@ -5,11 +5,20 @@
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.servlet.ModelAndView;
+import edu.tamu.sage.service.SimpleProcessorService;
 
 // TODO: this most likely can move into the framework
 @Controller
 public class ViewController {
 
+    // private final SimpleProcessorService simpleprocessorService;
+    private static SimpleProcessorService simpleProcessorService;
+
+
+    public ViewController(SimpleProcessorService simpleProcessorService) {
+        ViewController.simpleProcessorService = simpleProcessorService;
+    }
+
     @RequestMapping("/")
     public ModelAndView view(HttpServletRequest request) {
         return index(request);
@@ -18,6 +27,7 @@ public ModelAndView view(HttpServletRequest request) {
     public static ModelAndView index(HttpServletRequest request) {
         ModelAndView index = new ModelAndView("index");
         index.addObject("base", request.getServletContext().getContextPath());
+        index.addObject("googleAnalytics", simpleProcessorService.getGoogleAnalytics());
         return index;
     }
 

src/main/resources/application.yml

@@ -110,6 +110,7 @@ info:
 app:
   url: http://localhost:${server.port}${server.servlet.context-path}
 
+  googleTag: GTM-5ZRSWRW
   # edu.tamu.weaver.email.config.WeaverEmailConfig
   email:
     host: relay.tamu.edu
@@ -119,6 +120,7 @@ app:
   cvcache:
     duration: 3600000
 
+
   # edu.tamu.weaver.auth.service.UserCredentialsService
   authority.admins:
   security:

src/main/resources/gh-pages/index.html

@@ -33,3 +33,4 @@ <h1 class="display-4">SAGE</h1>
 </body>
 
 </html>
+

src/main/resources/templates/index.html

@@ -4,7 +4,16 @@
 
 <head>
   <!-- Google Tag Manager -->
-  <!--google Analytics Tag -->
+  <script th:inline="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', /*[[${googleAnalytics}]]*/ 'YOUR_DEFAULT_VALUE');
+  </script>
   <!-- End Google Tag Manager -->
   <script type="text/javascript" th:inline="javascript">
     /*<![CDATA[*/
@@ -32,7 +41,8 @@
 <body ng-controller="AppLoginController" class="wvr-components-loading">
 
   <!-- Google Tag Manager (noscript) -->
-
+  <noscript><iframe th:src="@{'https://www.googletagmanager.com/ns.html?id=' + ${googleAnalytics}}" height="0" width="0" style="display:none;visibility:hidden"></iframe>
+  </noscript>
   <!-- End Google Tag Manager (noscript) -->
 
   <main>