第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Facebook分享按鈕不顯示localhost上的og標(biāo)簽的圖像等

Facebook分享按鈕不顯示localhost上的og標(biāo)簽的圖像等

胡說叔叔 2019-04-09 13:15:21
我有Facebook社交分享按鈕的問題。彈出窗口顯示后單擊分享按鈕后,它不會顯示og:image標(biāo)簽中提供的圖像,也不顯示og:title和og:description標(biāo)簽中的標(biāo)題和說明。這是我在localhost:3000上提供的項目的問題。我還嘗試從Facebook網(wǎng)站(https://developers.facebook.com/docs/plugins/share-button/)復(fù)制并粘貼代碼,并在瀏覽器中運行單獨的index.html,但即使這樣也行不通正如預(yù)期的那樣(僅顯示網(wǎng)站的網(wǎng)址)那么即使使用官方代碼也有什么問題,我該如何解決它,所以我的圖片,描述和標(biāo)題會顯示在彈出窗口中?這是來自Facebook Doc的代碼<html><head>  <title>Your Website Title</title>    <!-- You can use Open Graph tags to customize link previews.    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->  <meta property="og:url"           content="https://google.pl" />  <meta property="og:type"          content="website" />  <meta property="og:title"         content="Your Website Title" />  <meta property="og:description"   content="Your description" />  <meta property="og:image"         content="http://javascript.info/article/call-apply-decorators/decorator-makecaching-wrapper.png" /></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="https://google.pl"     data-layout="button_count">  </div></body></html>
查看完整描述

2 回答

?
郎朗坤

TA貢獻1921條經(jīng)驗 獲得超9個贊

這是我在localhost:3000上提供的項目的問題

OG標(biāo)簽無法在localhost上運行,F(xiàn)acebook需要能夠訪問該URL。將您的項目放在公共Web服務(wù)器上以測試OG標(biāo)記。


查看完整回答
反對 回復(fù) 2019-05-17
?
有只小跳蛙

TA貢獻1824條經(jīng)驗 獲得超8個贊

  1. data-href必須與og:url相同

  2. 根據(jù)我的經(jīng)驗,我可以告訴og:圖像應(yīng)該是.jpg,否則你會遇到圖像錯誤

  3. 正如@luschn所說,你的形象當(dāng)然應(yīng)該在網(wǎng)絡(luò)上,而不是localhost

  4. 我最近有一個關(guān)于fb share按鈕的問題,所以我更喜歡使用fb共享鏈接并使用一些css自定義元素,使其看起來像一個按鈕或其他


查看完整回答
反對 回復(fù) 2019-05-17
  • 2 回答
  • 0 關(guān)注
  • 1052 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號