meta data, ga 적용

joostory · Jan 13, 2023 · 309362f · 309362f
1 parent ec3b137
commit 309362f
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/public/ga.js b/public/ga.js
@@ -0,0 +1,7 @@
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+ga('create', 'UA-26767980-4', 'auto');
+ga('send', 'pageview');
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,5 +1,6 @@
 import 'styles/globals.css'
 import type { AppProps } from 'next/app'
+import Script from 'next/script'
 import { RecoilRoot } from 'recoil'
 import { APP_NAME } from 'domain/app'
 import Head from 'next/head'
@@ -9,6 +10,31 @@ export default function App({ Component, pageProps }: AppProps) {
     <RecoilRoot>
       <Head>
         <title>{APP_NAME}</title>
+        <link rel="apple-touch-icon" sizes="57x57" href="/images/apple-icon-57x57.png" />
+        <link rel="apple-touch-icon" sizes="60x60" href="/images/apple-icon-60x60.png" />
+        <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-icon-72x72.png" />
+        <link rel="apple-touch-icon" sizes="76x76" href="/images/apple-icon-76x76.png" />
+        <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-icon-114x114.png" />
+        <link rel="apple-touch-icon" sizes="120x120" href="/images/apple-icon-120x120.png" />
+        <link rel="apple-touch-icon" sizes="144x144" href="/images/apple-icon-144x144.png" />
+        <link rel="apple-touch-icon" sizes="152x152" href="/images/apple-icon-152x152.png" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-icon-180x180.png" />
+        <link rel="icon" type="image/png" sizes="192x192"  href="/images/android-icon-192x192.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
+        <link rel="manifest" href="/images/manifest.json" />
+        <meta name="msapplication-TileColor" content="#ffffff" />
+        <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png" />
+        <meta name="theme-color" content="#ffffff" />
+
+        <meta property="og:title" content="Holybible" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://holybible.joostory.net" />
+        <meta property="og:image" content="/images/holybible.png" />
+        <meta property="og:description" content="간단히 볼 수 있는 성경 웹버전" />
+        <meta property="fb:app_id" content="133777953366478" />
+        <script src='/ga.js'></script>
       </Head>
       <Component {...pageProps} />
     </RecoilRoot>