使用Facebook share_open_graph通過矩形圖像而不是正方形進行動態對話框

Question

對於通過Facebook登錄到我們的網站的用戶，我們具有動態的“成就”，我們希望允許他們發布到Facebook。 一些成就將使用小正方形，但我們希望其他成就具有大的矩形圖像。

我們還需要能夠檢測它們何時發布。

我們成功使用了https://www.facebook.com/sharer.php，但是它不再使用“ redirect_uri”，因此我們無法檢測到用戶何時發布。

接下來，我們成功集成了https://www.facebook.com/dialog/feed ？ 但是，根據facebook的說法，指定``圖片''，``名稱''和``描述''的功能自2017年7月17日起將不再起作用-https: //developers.facebook.com/docs/sharing/reference/feed-dialog

我發現這篇文章使用“ share_open_graph” Facebook UI來創建測驗結果的動態共享對話框，可以解決能夠動態創建共享對話框的問題。 但是，使用大圖像1200 x 630仍會呈現一個小正方形。

這是代碼：

FB.ui({
    method: 'share_open_graph',
    action_type: 'og.shares',
    appId: myapid,
    action_properties: JSON.stringify({
        object : {
            'og:url': 'http://ww.mywebpage.com', // your url to share
            'og:title': 'My Title',
            'og:description': 'My Description',
            'og:image': 'http://ww.mywebpage.com/myimage.gif',
            'og:image:type':'image/gif',
            'og:image:width':'1200',
            'og:image:height':'630'
        }
    })
});

上面的作品，但圖像始終是正方形。

我看到了刪除該提示的建議，但這沒有用。

我也嘗試過使用調試來重新刮擦圖像等，但這也不起作用。

Answer 1

我無法使share_open_graph工作，但確實找到了此有用的頁面： https : //forums.coronalabs.com/topic/53740-tutorial-how-to-customize-the-facebook-share-dialog-using -dynamic-元標簽/

基本上，您會在網站自定義頁面的href中使用帶有get val的常規共享：

FB.ui({
    method: 'share',
    href: 'http://mywebsite/custom.php?t=' + title + '&d=' + desc + '&i='+image

});

然后在http：//mywebsite/custom.php中，使用get val填充meta屬性：

<html>
<head>
<title>Your Website Title</title>
<meta property="og:url"           content="<?= "http://". $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" />
<meta property="og:type"         content="website" />
<meta property="fb:app_id"       content="123456" />
<meta property="og:title"        content="<?php echo $_GET['t'];?>" />
<meta property="og:description"  content="<?php echo $_GET['d'];?>" />
<meta property="og:image"        content="<?php echo $_GET['i'];?>" />
</head>

現在，如果圖像是一個大矩形，則以這種方式顯示，如果它是一個正方形，則它是一個正方形。

使用Facebook share_open_graph通過矩形圖像而不是正方形進行動態對話框

問題描述

1 個解決方案

解決方案1
0 已采納 2017-05-26 17:57:48

使用Facebook share_open_graph通過矩形圖像而不是正方形進行動態對話框

問題描述

1 個解決方案

解決方案1 0 已采納 2017-05-26 17:57:48

解決方案1
0 已采納 2017-05-26 17:57:48