2017-03-02 101 views
0

我已經在我的網頁上有WhatsApp的社交分享按鈕,但是當您選擇要發送的聯繫人時,它只會在書寫框中寫入「title_content url」。它認爲whatsapp沒有看到網頁的meta標籤來創建一個帶有圖片,標題和描述的好框。Whatsapp社交分享與流星

我使用下面的開放式圖形meta標籤,它是工作的罰款與Facebook的社交共享:

<meta property="og:type" content="website" /> 
<meta property="og:title" content="{{event.name}}" /> 
<meta property="og:description" content="{{eventDescription event.information}}" /> 
<meta property="og:url" content="{{eventUrl url}}" /> 
<meta property="og:image" content="{{eventImage event}}" /> 
<meta property="og:image:width" content="500" /> 
<meta property="og:image:height" content="500" /> 
<meta property="fb:app_id" content="#####" /> 

我沒有圖標我的活動,所以我不能設置標籤:

<link rel="shortcut icon" href="###.ico" type="image/x-icon"> 

我試圖用.png圖片設置它,但它不起作用。那麼,我還能做些什麼來讓whatsapp看到我的網站並將圖像,標題和描述呈現給我們?

+0

Waht你的常規meta標籤是什麼樣的? – Barthy

回答

0

我剛剛發現發生了什麼事。當您嘗試將信息提供給Facebook或Twitter抓取工具時,您需要一種特殊的方式來執行此操作。所以你必須創建一個帶有過濾器和動態內容的抓取路線(正如你在本教程中看到的,我創建的:Tutorial)。 使用WhatsApp你不需要擔心服務器端渲染。當我在<head>上直接創建我的開放圖元標記時。

Eddited:

因爲我需要工作動態meta標籤,我不得不停止對<head>使用直接。但是docHead()或者其他軟件包不適合我。所以我意識到whatsapp可以從服務器端工作,並使用我已經擁有的相同的og:標籤。 我只需要找到WhatsApp/2.17.107 A的用戶代理,並像我爲服務器端路由上的其他服務器那樣添加授權。