Question

我有一个使用React构建的网站，该网站托管在域名www.url.com下，并在我的index.html上设置了以下meta

<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 reactjs插件（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上的meta标记显示描述和标题。

有没有办法做到这一点，这样当我分享任何帖子时，它将使用帖子的标题和描述？

带有动态标题和描述的Whatsapp共享

0 个答案: