2017-03-02 63 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的用户代理,并像我为服务器端路由上的其他服务器那样添加授权。