Question

我们最近建立了一个网站，我们有一个页面，用户可以通过组合两种成分来制作味道，然后返回一个图像，两种选择的成分都能完美地运作。

当用户按此按钮时，我们在页面底部有一个面部书籍分享按钮我想传递由用户选择的两种成分生成的图像，并添加一些额外的文本，即预先填充状态说“嘿看看我刚刚制作的味道”或类似的东西。

我们目前有此设置

<div class="row col-lg-12 text-center danoneBlue">
    <div class="fb-share-button" data-href="http://www.domain.com.au/flavour-lab" data-layout="button"></div>
</div> 

<div id="fb-root"></div>
<meta name='og:image' content='~/Content/Images/HomeImages/MobileImages/MyDefaultImage.png' id="flavorCombinationImage">

这是脚本标记

<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 = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

我知道Facebook使用开放图元标记。所以我在那里放置了一个默认图像以查看它是否有效，但是当我运行它时，我得到一个完全不同的图像，即之前显示的图像。

我在这里做错了什么？

**更新**

我已将以下内容放在页面的主题部分

 <meta property="og:title" content="Im the new title" />
 <meta property="og:description" content="Check out the flavour I have just created!" />
 <meta property="og:image" content="~/Content/Images/FlavourLab/danone_ultimate_black_cherries.png" />

但仍然没有运气

Facebook分享，改变形象

0 个答案: