时间戳

首页 > 解决方案 > 在 vaadin 14 中集成 facebook 共享链接

javascript - 在 vaadin 14 中集成 facebook 共享链接

问题描述

我正在寻找使用 vaadin 流中的动态消息调用 facebook 共享功能。

我已经阅读了如何在 facebook 开发者链接中生成 AppId 和所有内容，但是如何使用 vaadin 以及动态标题和消息。

我已经处理了以下代码

<html>
<head>
  <title>Your Website Title</title>


  <meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
  <meta property="og:type"               content="article" />
  <meta property="og:title"              content="hii" />
  <meta property="og:description"        content="hello" />
  <meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />


</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your share button code -->

  <div class="fb-share-button" data-href="mylink" data-layout="button_count" data-size="small">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=mylink;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>

</body>
</html>

我将有不同的标题和不同的描述，因为应用程序将部署在不同的域中。

那么如何在 facebook 共享时设置标题和消息或描述？只要知道它在 vaadin 应用程序中不需要任何内容​​。

标签： javascriptjavavaadinvaadin-flow

解决方案

这个对我有用，可以在没有 appId 的情况下在 facebook 上共享内容

https://www.facebook.com/sharer/sharer.php?u=%LINK%"e=%CONTENT%

%LINK% = 您网站的链接 %CONTENT% = 您要分享的内容将显示为引号

推荐阅读