diff --git a/lib/gtag.js b/lib/gtag.js
index 08c7ed2..4086f00 100755
--- a/lib/gtag.js
+++ b/lib/gtag.js
@@ -1,4 +1,6 @@
-export const GA_TRACKING_ID = 'G-HDSXTW54QC'
+export const GA_TRACKING_ID = process.env.GTAG //'G-HDSXTW54QC'
+
+console.log(GA_TRACKING_ID)
 
 // https://developers.google.com/analytics/devguides/collection/gtagjs/pages
 export const pageview = (url) => {
diff --git a/next.config.js b/next.config.js
index e182298..2afb30c 100755
--- a/next.config.js
+++ b/next.config.js
@@ -11,12 +11,13 @@ module.exports = {
     base_path: 'http://localhost:1337/api/',
     audio_path: 'https://audio.angrybeanie.com/',
     media_path: process.env.MEDIA_BASE,
-    strapi_token: process.env.STRAPI_TOKEN
+    strapi_token: process.env.STRAPI_TOKEN,
+    gtag: process.env.GTAG
   },
   images: {
     domains: ['www.angrybeanie.com', 'localhost', 'cms.local.angrybeanie.com']
   },
   publicRuntimeConfig: {
-    analytics_code: 'UA-2497299-19'
+    analytics_code: process.env.GTAG
   }
 }
\ No newline at end of file
diff --git a/pages/galleries/[gallery].js b/pages/galleries/[gallery].js
index a34d19b..a0956a5 100755
--- a/pages/galleries/[gallery].js
+++ b/pages/galleries/[gallery].js
@@ -3,6 +3,8 @@ import getConfig from 'next/config'
 import Layout from "../../components/main.js"
 import { getGallery, getGalleryImages } from "../../data/external/cms.js"
 import GalleryPager from "../../components/gallerypager.js"
+import Head from 'next/head'
+import config from "../../data/internal/config"
 
 export async function getServerSideProps(context) {
 
@@ -19,7 +21,7 @@ export async function getServerSideProps(context) {
     const { serverRuntimeConfig } = getConfig()
 
     const pagedata = {
-        'title': "Angry Beanie - " + gallery.Title
+        'title': "Angry Beanie - " + gallery.data[0].attributes.Title
     }
 
     return {
@@ -32,6 +34,14 @@ const Gallery = ({pagedata, gallery, galleryImages, serverRuntimeConfig}) => {
 console.log(gallery)
     return(
         <Layout pagedata={pagedata}>
+            <Head>
+            <meta name="twitter:card" content={ gallery.attributes.Title } key="twcard" />
+            <meta name="twitter:creator" content="angrybeanie" key="twhandle" />
+            <meta name="og:url" content={config.siteURL + "/galleries/" + gallery.attributes.Slug}></meta>
+            <meta name="og:type" content="Photo Gallery"></meta>
+            <meta name="og:title" content={ gallery.attributes.Title } key="title"></meta>
+            <meta name="og:description" content={ gallery.attributes.Description } key="description"></meta>
+        </Head>
             <h1 className="page_title col-sm-12">{gallery.attributes.Title}</h1>
             <GalleryPager gallery={galleryImages} basepath={serverRuntimeConfig.media_path}></GalleryPager>
         </Layout>
diff --git a/pages/news/[slug].js b/pages/news/[slug].js
index 3141676..eb8c8f1 100755
--- a/pages/news/[slug].js
+++ b/pages/news/[slug].js
@@ -47,7 +47,7 @@ const Article = ({article_obj, sections, pagedata, stories, serverRuntimeConfig,
             { article_obj.FeatureImage.data != null &&
                 <FeatureImage imagedata = {featureImage} basepath = {serverRuntimeConfig.media_path} ></FeatureImage>
             }
-            <h1>{ article_obj.Title }</h1>
+            <h1 className="page_title col-sm-12">{ article_obj.Title }</h1>
             <div className="article_body" dangerouslySetInnerHTML={{ __html: article_obj.Body }}></div>
         </div>
         <StorySideBar stories={stories} />
diff --git a/pages/podcasts/shows/[podcast].js b/pages/podcasts/shows/[podcast].js
index f0a6d78..1a26064 100755
--- a/pages/podcasts/shows/[podcast].js
+++ b/pages/podcasts/shows/[podcast].js
@@ -30,7 +30,7 @@ export async function getServerSideProps(context) {
 }
 const Podcast = (props) => (
     <Layout pagedata={props.pagedata} sections={props.sections} showdata={props.showdata}>
-        <h1>{props.showdata.title}</h1>
+        <h1 className="page_title col-sm-12">{props.showdata.title}</h1>
         <EpisodePager episodedata={props.epdata} config={props.serverRuntimeConfig} showdata={props.showdata}/>
         <ShowSideBar props={props.showdata}></ShowSideBar>
     </Layout>
diff --git a/pages/tech-and-disability.js b/pages/tech-and-disability.js
index 405e851..69b80ca 100755
--- a/pages/tech-and-disability.js
+++ b/pages/tech-and-disability.js
@@ -37,7 +37,7 @@ function Project({ articles, sections, pagedata, project, rssFeed }) {
         <link rel="alternate" type="application/rss+xml" title="Tech and Disability Feed" href={rssFeed} />
     </Head>
     <Layout sections={sections} pagedata={pagedata}>
-        <h1>{project.data[0].attributes.Title}</h1>
+        <h1 className="page_title col-sm-12">{project.data[0].attributes.Title}</h1>
         <div dangerouslySetInnerHTML={{ __html: project.data[0].attributes.Description }}></div>
         <StoryPager storydata={articles} />
     </Layout></div>
