」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何動態產生 Facebook Open Graph 元標籤?

如何動態產生 Facebook Open Graph 元標籤?

發佈於2024-11-08
瀏覽:154

How Do You Dynamically Generate Facebook Open Graph Meta Tags?

產生動態 Facebook Open Graph 元標籤

如標題所示,可以動態產生 Facebook Open Graph 元標籤。透過將動態元素合併到元標記中,您可以優化內容在 Facebook 平台上的呈現。

如何實現動態元標記產生

動態產生元標記,您需要在網頁的 HTML 程式碼中包含 PHP 程式碼。此程式碼應使用資料庫或其他來源的相關資訊填充元標記。例如,您可以使用 GET 或 POST 參數將動態資料傳遞到網頁,然後將該資料合併到元標記中。

範例實作

如圖所示,以下是如何動態產生 Facebook Open Graph 元標記的範例:

 0) {
    $params = $_GET;
} else {
    $params = $_POST;
}
// defaults
if($params['type'] == "") $params['type'] = "restaurant";
if($params['locale'] == "") $params['locale'] = "en_US";
if($params['title'] == "") $params['title'] = "default title";
if($params['image'] == "") $params['image'] = "thumb";
if($params['description'] == "") $params['description'] = "default description";

?>



    
        
        

        
        
        
        
        
        
        
        
        

    

在此範例中,元標記使用從 GET 或 POST 參數取得的值填入。透過使用不同的參數組合存取網頁,您可以動態變更元標記內容。

Facebook Actions 的用法範例

透過動態產生的元標記,您可以發佈對使用者 Facebook 串流的操作。例如,以下程式碼使用 PHP 發布「吃午餐」操作:

function postRestaurant() {
    FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&\
    expires_in=7200&\
    restaurant='   encodeURIComponent(getRedirectURI()   '?type=restaurant'   '&description=arnold'   '&title=stalone'), 'post', function (response) {
        if (!response || response.error) {
            console.log('postRestaurant: Error occured => '   response.error.message);
        } else {
            console.log('postRestaurant: Post was successful! Action ID: '   response.id);
        }
    });
}

這段程式碼中,「restaurant」參數是根據網頁上的meta標籤動態產生的。透過自訂元標記,您可以在 Facebook 操作中提供更多相關資訊。

版本聲明 本文轉載於:1729606584如有侵犯,請洽[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3