facebook, twitter 공유 og태그 사용예제

 

facebook, 트위터 공유시 og태그 사용 예제

 

보통 Header.jsp(공통)

<c:choose>

    <c:when test="${not empty shareMeta}">

        <c:set var="title" value="${shareMeta.title}" />

        <c:set var="description" value="${shareMeta.description}" />

        <c:set var="url" value="${shareMeta.url}" />

        <c:set var="image" value="${shareMeta.image}" />

    </c:when>

    <c:otherwise>

        <c:set var="title" value="기본값" />

        <c:set var="description" value="기본값 />

        <c:set var="url" value="기본서버주소" />

        <c:set var="image" value="기본공유될imageurl" />

    </c:otherwise>

</c:choose>

 

<title><c:out value='${title}'/></title>

<meta name="Author" content="저자명/회사명등등" />

<meta name="description" content="<c:out value='${description}'/>" />

 

<!-- facebook -->

<meta property="fb:app_id" content="facebookvalue" />

<meta property="og:site_name" content="대표사이트주소">

<meta property="og:title" content="<c:out value='${title}'/>" />

<meta property="og:description" content="<c:out value='${description}'/>" />

<meta property="og:url" content="<c:url value='${url}'/>" />

<meta property="og:image" content="<c:url value='${image}'/>" />

 

<meta property="og:type"        content="video.other" />

<meta property="og:video:type" content="application/x-shockwave-flash">

<meta property="og:video:url" content="비디오 URL있다면/">

<meta property="og:video:width" content="1280">

<meta property="og:video:height" content="720">

 

 

<!-- twitter -->

<meta name="twitter:card" content="summary" />

<meta name="twitter:title" content="<c:out value='${title}'/>" />

<meta name="twitter:description" content="<c:out value='${description}'/>" />

<meta name="twitter:image" content="<c:url value='${image}'/>" />