Agregando metas

jdanielgoh · Mar 7, 2023 · 8508bfc · 8508bfc
1 parent 325738a
commit 8508bfc
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 8 deletions.
diff --git a/.env b/.env
@@ -1,7 +1,7 @@
 NODE_ENV = development
-VUE_APP_TITLE = local
+VUE_APP_TITLE = local | mortalidad
 VUE_APP_DESCRIPTION = local | descripcion
-VUE_APP_ENI_DOMAIN = http://localhost:8080
+VUE_APP_DOMAIN = http://localhost:8080
 VUE_APP_BASE_ROUTE = /
 VUE_APP_HASH = true
 VUE_APP_MATOMO_SITEID = 0
diff --git a/.env.production b/.env.production
@@ -1,6 +1,6 @@
 NODE_ENV = production
-VUE_APP_TITLE = mortalidad-infancia
-VUE_APP_DESCRIPTION = Analizamos las causas de mortalidad de niñas, niños y adolescentes en México a través del tiempo 
+VUE_APP_TITLE = Mortalidad de niñas, niños y adolescentes en México
+VUE_APP_DESCRIPTION = Visualización de datos sobre las principales causas de muerte en la población infantil y adolescente en México de 2012 a 2021. Este proyecto surge a partir del Datatón sobre la niñez y adolescencia en México 2023
 VUE_APP_DOMAIN = https://tirandocodigo.mx
 VUE_APP_BASE_ROUTE = /proyectos/mortalidad-infancia/
 VUE_APP_HASH = true
diff --git a/public/index.html b/public/index.html
@@ -6,11 +6,27 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>ico_tc.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
+
+    <title><%= process.env.VUE_APP_TITLE %></title>
+    <meta name="description" content="<%= process.env.VUE_APP_DESCRIPTION %>">
+    <meta name="og:url" content="https://tirandocodigo.mx/proyectos/mortalidad-infancia/">
+    <meta name="og:title" content="<%= process.env.VUE_APP_TITLE %>">
+
+    <meta name="og:site_name" content="<%= process.env.VUE_APP_TITLE %>">
+    <meta name="og:description" content="<%= process.env.VUE_APP_DESCRIPTION %>">
+    <meta name="og:image" content="<%= process.env.VUE_APP_DOMAIN %> <%= process.env.VUE_APP_BASE_ROUTE %>mortalidad-infantil.png">
+    <meta name="og:type" content="website">
+    <meta name="og:locale" content="es_MX">
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="<%= process.env.VUE_APP_TITLE %>">
+    <meta name="twitter:description" content="<%= process.env.VUE_APP_DESCRIPTION %>">
+    <meta name="twitter:image" content="<%= process.env.VUE_APP_DOMAIN %> <%= process.env.VUE_APP_BASE_ROUTE %>mortalidad-infantil.png">
+
 
-    <title>Mortalidad infantil y adolescente en México</title>
   </head>
   <body>
     <noscript>

diff --git a/public/mortalidad-infantil.png b/public/mortalidad-infantil.png
diff --git a/src/views/DefuncionesTemporales.vue b/src/views/DefuncionesTemporales.vue
@@ -327,6 +327,9 @@ export default {
       casos_mensuales_agrupados: [{ data: [] }],
     };
   },
+  mounted(){
+    this.$ga.page('/');
+  },
   beforeMount() {
     d3.csv("data/poblaciones_conapo.csv").then((data_conapo) => {
       data_conapo.forEach((d) => {