영상에서 추려낸 이 글에서는 Varbase Media에 새로 도입한 기능, 스마트 [node] 토큰을 소개하려 합니다. 이 토큰은 노드를 Facebook, Twitter, 혹은 Slack 같은 소셜 미디어 플랫폼에 공유할 때 가장 알맞은 이미지를 알아서 골라 줍니다. 여기에 대체 URL 옵션도 있어서, 적당한 이미지를 하나도 찾지 못했을 때는 기본 이미지가 사용됩니다. 덕분에 설정은 간단해지고, 플랫폼 어디에서든 공유된 콘텐츠가 훨씬 보기 좋아집니다.
기존 방식의 문제점
예전에는 콘텐츠를 공유할 때 여러 가지 토큰, 즉 편집자나 콘텐츠 관리자가 쓰기에는 지나치게 복잡한 옛 토큰들에 의존해야 했습니다.
게다가 중첩 구조의 논리 때문에 대체(fallback) 이미지를 제대로 지정할 수도 없었습니다.
[node:field_media:entity:social_large][node:field_media:entity:social_medium][node:field_media:entity:social_small]
이런 토큰으로 어떤 이미지를 쓸지 지정해야 했습니다. 세심한 설정이 필요했고, 콘텐츠 유형과 미디어 필드가 다양해질수록 금세 복잡해졌습니다.
예를 들어 어떤 콘텐츠 유형에 미디어 필드가 있고 그 미디어에 커버 이미지가 있다면 그 이미지가 사용됩니다. 하지만 미디어 필드에 이미지가 없으면 토큰은 공유 이미지를 제공하지 못했고, 그 결과 소셜 미디어 게시물이 허전하거나 매력이 떨어지곤 했습니다.
새로운 스마트 [node:share-image] 토큰
새 스마트 [node] 토큰은 노드의 콘텐츠를 보고 가장 알맞은 이미지를 자동으로 골라 주면서 이 과정을 완전히 바꿔 놓습니다. 동작 방식은 이렇습니다.
- 미디어 필드 확인: 콘텐츠 유형에 이미지나 비디오가 담긴 미디어 필드(field media)가 있으면, 토큰은 그 이미지를 사용합니다.
- 이미지 필드로 대체: 미디어 필드가 없으면 이미지 필드(field image)를 확인합니다.
- 마지막 수단, 비디오 필드: 위의 어느 쪽도 없으면 비디오 필드(field video)를 확인합니다.
- 기본 대체 이미지: 이 필드들 중 어디에도 이미지가 없으면 토큰은 미리 지정해 둔 대체 이미지를 자동으로 사용합니다. 이 대체 이미지는 기본 테마에서 전역으로 설정할 수 있어, 공유되는 모든 콘텐츠가 일관된 모습을 유지합니다.
활용 예시
구체적인 예를 몇 가지 살펴보겠습니다.
- 미디어가 있는 블로그 글: 미디어 필드가 있는 블로그 글 콘텐츠 유형이라고 해 봅시다. 미디어 필드에 이미지가 들어 있으면 그 이미지가 공유에 쓰이고, 비디오가 들어 있으면 비디오의 커버 이미지가 쓰입니다.
- 텍스트만 있는 글: 텍스트만 있고 미디어가 없는 글이라면 토큰은 기본적으로 대체 이미지를 사용합니다. 그래서 공유될 때도 시각적으로 눈길을 끌 수 있습니다.
- 미디어 필드가 여러 개인 콘텐츠 유형: “Show” 같은 콘텐츠 유형에 미디어 필드와 비디오 필드가 모두 있다면, 토큰은 미디어 필드를 우선합니다. 미디어가 없으면 비디오 필드에서 커버 이미지를 찾아보고, 둘 다 없으면 기본 이미지로 넘어갑니다.
별도 설정 없이 바로 작동
스마트 [node] 토큰의 가장 큰 장점 중 하나는 설치만 하면 바로 작동한다는 점입니다. 메타 태그 설정에 토큰을 추가하는 순간부터 콘텐츠에 가장 잘 맞는 이미지를 자동으로 고르기 시작합니다. 번거로운 수동 설정 없이도 콘텐츠가 공유될 때마다 늘 가장 좋은 모습으로 보이도록 할 수 있습니다.
맺음말
Varbase Media의 스마트 [node] 토큰은 이전 방식과 비교해 확실한 진전입니다. 소셜 공유에 가장 알맞은 이미지를 자동으로 고르고 대체 옵션까지 제공해, 사용자 경험과 공유된 콘텐츠의 모양새를 모두 끌어올립니다. 사이트 관리자든 콘텐츠 제작자든, 이 토큰이 시간을 아껴 주고 콘텐츠를 언제나 공유 준비가 된 상태로 만들어 줄 것입니다.
읽어 주셔서 감사합니다. 여러분의 프로젝트에서도 이 스마트 토큰을 꼭 활용해 보세요!
