2013년 6월 20일 목요일

블로거 페이스북 공유버튼으로 공유시 요약글 표시하는 방법

블로거에서 제공하는 기본 공유버튼 중 페이스북은 제목, 이미지, 요약글을 따로이 수정하지 않아도 바로 공유 할 수 있다.

하지만 기본 제공되는 템플릿이나 혹은 커스텀템플릿에서 페이스북 공유버튼을 눌러 띄워진 팝업창을 보게되면 표시된 요약글 부분에 요약글이나 본문내용이 표시되지 않고 제목이나 혹은 템플릿에 포함된 텍스트가 표시되는 경우가 대부분이다.

따라서 표시된 부분에 요약글을 제대로 표시하기 위한 방법을 소개한다.

아래 소스는 포스트 형식 일 때 본문의 요약글을 불러오고 불러온 요약글을 메타태그를 이용한 요약설명으로 적용하여 페이스북 공유기능이 제대로 작동하게 하기 위한 소스이다.

템플릿 수정에서 <b:includable id='post' var='post'>를 검색해 그 하위에 적당한 위치에 붙여 넣는다.

<!-- 페이스북 요약글 표시 시작 -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
<!-- 페이스북 요약글 표시 끝 -->

댓글 없음:

댓글 쓰기