Open Graph & Twitter Card Tags

Как к модулю "Page" на Cotonti Siena, добавить Twitter Card и Open Graph метаданные к веб-странице полной новости или статьи.

Tags: Opengraph
Twitter Card

webitproff	#1 27. Januar 2023, 02:33
Banned Thanked: 102 mal	Как к модулю "Page" на Cotonti Siena, добавить Twitter Card и Open Graph метаданные к веб-странице полной новости или статьи. Прошу поделиться опытом реализации этого функционала, подсказками, ссылками на инструкции или плагином, если таковой имеется. аккаунт удален - не срослось с разработчиками ушел на другой движок

webitproff

#1 27. Januar 2023, 02:33

Banned
Thanked: 102 mal

Как к модулю "Page" на Cotonti Siena, добавить Twitter Card и Open Graph метаданные к веб-странице полной новости или статьи.

Прошу поделиться опытом реализации этого функционала, подсказками, ссылками на инструкции или плагином, если таковой имеется.

аккаунт удален - не срослось с разработчиками
ушел на другой движок

Denisbox	#2 27. Januar 2023, 07:42
Members Thanked: 26 mal	Если совсем по тупому, то вот так: <!-- IF {PHP.env.ext} == 'page' --> <meta property="og:type" content="website"> <meta property="og:title" content="{HEADER_TITLE}"> <meta property="og:description" content="{HEADER_META_DESCRIPTION}"> <meta property="og:url" content="{HEADER_CANONICAL_URL}"> <meta property="og:image" content="https://Сайт.ru/social.png"> <meta property="og:site_name" content="Имя"> <!-- ENDIF --> contact: fonts (at) otlab . ru

Denisbox

#2 27. Januar 2023, 07:42

Members
Thanked: 26 mal

Если совсем по тупому, то вот так:

<meta property="og:type" content="website">
<meta property="og:title" content="{HEADER_TITLE}">
<meta property="og:description" content="{HEADER_META_DESCRIPTION}">
<meta property="og:url" content="{HEADER_CANONICAL_URL}">
<meta property="og:image" content="https://Сайт.ru/social.png">
<meta property="og:site_name" content="Имя">

contact: fonts (at) otlab . ru

webitproff	#3 27. Januar 2023, 07:57
Banned Thanked: 102 mal	#45890 Denisbox: Если совсем по тупому, то вот так: <!-- IF {PHP.env.ext} == 'page' --> <meta property="og:type" content="website"> <meta ....... <!-- ENDIF --> это всмысле в header.tpl добавить ? аккаунт удален - не срослось с разработчиками ушел на другой движок

Kort

#4 27. Januar 2023, 10:16

Administrators
Thanked: 217 mal

XML/XHTML

        
          
          
              
              <!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="???">
<meta property="og:title" content="{HEADER_TITLE}">
<meta property="og:description" content="{HEADER_META_DESCRIPTION}">
<meta property="og:url" content="{PHP.out.canonical_uri}">
<meta property="og:locale" content="ru_RU">
<meta property="og:image" content="{PHP.some_pic}">
<meta property="og:image:width" content="???">
<meta property="og:image:height" content="???">
 
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{HEADER_TITLE}">
<meta name="twitter:description" content="{HEADER_META_DESCRIPTION}">
<meta name="twitter:image:src" content="{PHP.some_pic}">
<meta name="twitter:url" content="{PHP.out.canonical_uri}">
<meta name="twitter:domain" content="???">
<meta name="twitter:site" content="@???">
<meta name="twitter:creator" content="@???">

            

        
      

Это в header.tpl В зависимости от локации (главная, раздел, страница, модули или плагин), определяешь переменную some_pic (хук header.main). Вопросики-константы меняешь на то, что тебе нужно.

Добавляется эта история не к модулю, а к сайту в целом.

SED.by - создание сайтов, разработка плагинов и тем для Котонти

Dieser Beitrag wurde von Kort (am 27. Januar 2023, 11:37, vor 2 Jahre) bearbeitet

Denisbox	#5 27. Januar 2023, 13:33
Members Thanked: 26 mal	это всмысле в header.tpl добавить ? Да. Но под мои нужды я просто картинку-заглушку добавлял с логотипом сайта, в формате 400x400px. contact: fonts (at) otlab . ru