2017-06-12 38 views
7

WhatsApp的分享鏈接,內容和圖像 這可以通過使用OG標籤來完成,即開放圖形標籤共享圖像內容和網址,從網站的WhatsApp沒有OG標籤

<meta property="og:title" content="title" /> 
<meta property="og:description" content="Description for image" /> 
<meta property="og:url" content="https://myurl.com" /> 
<meta property="og:image" content="https://myurl.com/imagepth" /> 

但這是有侷限性,我們只能共享一個圖像

我想要的東西,像它可以共享圖像內容的URL

https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmyurl.com%2F 

我有多個環節的機智Facebook的分享者鏈接 在一個頁面上我想設定選項每個塊H圖像內容要分享的WhatsApp像Facebook的共享者的

使用og tag我們可以從一個頁面共享一個圖像內容

enter image description here

,但我需要單獨的鏈接爲每個塊共享如上圖所示的共享按鈕

+0

請改善這個問題,很難理解你想要什麼,而沒有一個問號的明確問題。 –

+0

我已更新詳情@OmriLuzon –

+0

尚不清楚。 –

回答

2

一種可能的解決方案是爲每個可共享實體分別具有「共享」頁面。每個頁面可以包含og標籤(尤其是圖片),鏈接在那裏的單個框/按鈕。

由於共享URL可能看起來像example.org/shared.php?id=1,它也是用戶在點擊facebook/whatsapp上的共享塊時將訪問的URL。你有兩種可能性來處理這種情況:

  1. 每一個您共享實體提供一個「細節」頁面,但我想有你的當前設置沒有詳細信息頁面,並根據您的框的大小你可能不想要他們。
  2. 重定向到「列表」頁面,如果useragent與whatsapp/facebook沒有任何關係。這種情況whatsapp/facebook「看到」包含og標籤的HTML,當真實用戶進入頁面時,他們被重定向到列表頁面。
+1

只是要知道,這將「拆分」像和分享這些不同的網址之間的計數... – CBroe

+0

這是很好的解決方案..它工作正常,但我不想創建單獨的共享頁面,也不在新頁面上重定向... 。在單個頁面上可以共享多個部分....就像在facebook共享器鏈接的情況下...希望你明白我的意思嗎? –

0

我會這樣走,因爲我相信這是值得一試的。我會寫在PHP,但你可以把這種對任何服務器解釋語言:

a)爲每個頁面共享編碼ID的URL,如1,2,3等:

<a href="whatsapp://send?text=http://mywebsite.com?page-id=1" data-action="share/whatsapp/share">Share via Whatsapp</a>

二)在PHP您檢查頁面的名稱和相應的打印開放圖形標籤,這樣當watsapp將訪問你的網頁時,相信這對你只是共享某個子頁:

所以,正確結束HTML頭標記,切換頁面ID的所有情況以確定共享內容:

if (isset($_GET['page-id'])) { 
    switch ($_GET['page-id']) { 
     case 1: 
     $og_tags = '<meta property="og:title" content="title1" />'; 
     $og_tags .= '<meta property="og:description" content="Description for image 1" />'; 
     ... 
     break; 
     // and so on for the rest of the pages 
    } 
} 

echo $og_tags; ?> 
</head> 
相關問題