2017-03-02 5 views
0

내 웹 페이지에서 whatsapp에 대한 소셜 공유 버튼이 이미 있습니다.하지만 보낼 연락처를 선택하면 글쓰기 상자에 "title_content url"만 씁니다. 그것은 whatsapp가 이미지, 제목 및 설명이있는 멋진 상자를 만들기 위해 웹 페이지의 메타 태그를 보지 못한다는 것을 보여줍니다. 내 이벤트에 대한 아이콘이없는Whatsapp Meteor와의 소셜 공유

<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

일반적인 메타 태그는 어떻게 생겼습니까? – Barthy

답변

0

나는 무슨 일이 일어나고 있는지 알아 냈습니다. 페이스 북이나 트위터 크롤러에 정보를 제공하려고 할 때 특별한 방법이 필요합니다. 따라서 필터와 동적 콘텐츠가 포함 된 크롤러 경로를 만들어야합니다 (이 튜토리얼에서 내가 만들었던 내용은 Tutorial입니다). whatsapp를 사용하면 서버 측 렌더링에 대해 걱정할 필요가 없습니다. 오픈 그래프 메타 태그를 <head>에서 직접 만들었습니다.

Eddited는 :

나는 동적으로 작동 메타 태그를 필요로하기 때문에

, 나는 <head>에 직접 사용을 중지했다. 하지만 docHead() 또는 패키지 중 하나가 나를 위해 작동하지 못했습니다. 그래서 whatsapp는 서버 측에서 작동하고 이미 페이스 북용으로 가지고있는 동일한 og: 태그를 사용할 수 있음을 알았습니다. 난 그냥 WhatsApp/2.17.107 A 자사의 사용자 에이전트를 찾아 서버 측 경로에 다른 것들을 한 것처럼 permition을 추가해야했습니다.