checking og

frontend-park-mail-ru · Dec 4, 2024 · 6efca85 · 6efca85
1 parent c8db2d0
commit 6efca85
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/public/components/EventContentPage/EventContentPage.js b/public/components/EventContentPage/EventContentPage.js
@@ -281,6 +281,12 @@ export class EventContentPage {
             const response = await api.get(path, request);
             const event = await response.json();
             this._renderEvent(event);
+            console.log(event);
+            document.querySelector("meta[property='og:title']").setAttribute("content", event.title);
+            document.querySelector("meta[property='og:description']").setAttribute("content", event.description);
+            document.querySelector("meta[property='og:image']").setAttribute("content", `${endpoint}/${event.image}`);
+            document.querySelector("meta[property='og:url']").setAttribute("content", `${endpoint}/event/${event.id}`);
+            document.querySelector("meta[property='og:type']").setAttribute("content", 'article');
 
         } catch (error) {
             console.log(error);

diff --git a/public/index.html b/public/index.html
@@ -5,6 +5,12 @@
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
   <title>Выходной</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <meta property="og:title" content="Выходной" />
+  <meta property="og:description" content="Сайт для поиска мероприятий" />
+  <meta property="og:image" content="https://static.tildacdn.com/tild3064-6338-4337-b261-623761363462/999966666.png" />
+  <meta property="og:url" content="http://37.139.40.252/events" />
+  <meta property="og:type" content="website" />
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel="stylesheet" href="/index.css"></link>
   <script src="/modules/dompurify.js"></script> 
 </head>