Обмен WhatsApp с динамическим названием и описанием - PullRequest
Новая
       43

Обмен WhatsApp с динамическим названием и описанием

0 голосов
/ 23 мая 2019

У меня есть веб-сайт, созданный с использованием React, который размещен на домене www.url.com, и я установил следующую мету в моем index.html 

<meta name="description" content="My description">
<meta property="og:title" content="My title" />
<meta property="og:url" content="https://www.url.com" />
<meta property="og:description" content="My description">
<meta property="og:image" content="https://www.myimage.com">
<meta property="og:type" content="website" />

На моем веб-сайте содержатся посты, в которых каждый пост имеет свой уникальный URL (например, www.url.com/post/thispost), заголовок, описание и изображения. Я использовал плагин ShareThis activjs (https://github.com/sharethis-github/sharethis-reactjs), чтобы создать кнопку общего доступа для каждого сообщения, и у меня была следующая настройка 

<InlineShareButtons
    config={{
    alignment: 'center',  // alignment of buttons (left, center, right)
    color: 'social',      // set the color of buttons (social, white)
    enabled: true,        // show/hide buttons (true, false)
    font_size: 14,        // font size for the buttons
    labels: 'cta',        // button labels (cta, counts, null)
    language: 'en',       // which language to use (see LANGUAGES)
    networks: [           // which networks to include (see SHARING NETWORKS)
                'whatsapp',
                'facebook'
              ],
    padding: 12,          // padding within buttons (INTEGER)
    radius: 4,            // the corner radius on each button (INTEGER)
    show_total: false,
    size: 40,             // the size of each button (INTEGER)
    // OPTIONAL PARAMETERS
    url: window.location.href, // (defaults to current url)
    description: {description},       // (defaults to og:description or twitter:description)
    title: {title},            // (defaults to og:title or twitter:title)

 }}
/>

Где описание и заголовок - это содержание и заголовок для каждого сообщения. Поскольку каждое сообщение является всплывающим, а заголовок и описание доступны только после открытия всплывающего окна, поэтому я разработал его так, что оно будет инициализировать InlineShareButtons только при открытом всплывающем окне.

Но проблема здесь в том, что когда я поделился постом, он не показывает описание и заголовок так, как я хочу. Вместо этого он отображает описание и заголовок из метатега на index.html всякий раз, когда я пытаюсь поделиться каждым постом.

Есть ли способ сделать это так, чтобы при публикации какого-либо поста он использовал заголовок и описание поста?

...