add twitter and open graph cards

ravnoor · Aug 11, 2017 · dafe00c · dafe00c
1 parent a990d78
commit dafe00c
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/public/resources/send-fb.jpg b/public/resources/send-fb.jpg
diff --git a/public/resources/send-twitter.jpg b/public/resources/send-twitter.jpg
diff --git a/server/server.js b/server/server.js
@@ -38,6 +38,16 @@ function prodLangs() {
 
 const availableLanguages = conf.l10n_dev ? allLangs() : prodLangs();
 
+const envURL = (env) => {
+  switch (env) {
+    case 'test':
+      return 'https://send.stage.mozaws.net';
+    case 'development':
+      return 'https://testpilot.dev.mozaws.net';
+  }
+  return 'https://send.firefox.com';
+}
+
 if (conf.env === 'development') {
   const webpack = require('webpack');
   const webpackDevMiddleware = require('webpack-dev-middleware');
@@ -58,7 +68,10 @@ app.engine(
     partialsDir: 'views/partials/',
     helpers: {
       availableLanguages,
-      l10nDev: conf.l10n_dev
+      l10nDev: conf.l10n_dev,
+      envURL: envURL(conf.env),
+      title: 'Firefox Send',
+      description: 'Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever.'
     }
   })
 );

diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
@@ -7,7 +7,17 @@
   <meta name="defaultLanguage" content="en-US">
   <meta name="availableLanguages" content="{{availableLanguages}}">
 
-  <title>Firefox Send</title>
+  <meta property="og:title" content="Firefox Send"/>
+  <meta name="twitter:title" content="Firefox Send"/>
+  <meta name="description" content="{{description}}"/>
+  <meta property="og:description" content="{{description}}"/>
+  <meta name="twitter:description" content="{{description}}"/>
+  <meta name="twitter:card" content="summary"/>
+  <meta property="og:image" content="{{envURL}}/resources/send-fb.jpg"/>
+  <meta name="twitter:image" content="{{envURL}}/resources/send-twitter.jpg"/>
+  <meta property="og:url" content="{{envURL}}"/>
+
+  <title>{{title}}</title>
 
   <link rel="stylesheet" type="text/css" href="/main.css" />
   {{#if fira}}