• ctrl/command + k 를 누르면, 필요한 정보를 더 쉽게 검색할 수 있습니다.
• 공식 문서를 ChatGPT를 활용해 번역을 진행했으며, 모든 출처는 버블 공식 문서입니다.
• 공식 문서 양이 방대해 시간이 날 때마다 꾸준하게 작업 중입니다.
많은 소셜 미디어 플랫폼(및 링크 공유를 허용하는 기타 유형의 소프트웨어)은 앱에 대한 몇 가지 정보를 가져와 미리보기를 생성합니다. 이로써 앱 개발자로서 여러분은 텍스트 내용과 이미지를 설정하여 해당 플랫폼에서 앱을 잘 나타낼 수 있도록 할 수 있습니다.
Open Graph tags for Social Networks
오픈 그래프(Open Graph)란?
이 설정은 앱 도메인이 공유될 때 사용되는 태그를 지정합니다. 특정 페이지에 대한 태그도 설정할 수 있습니다. 더 자세한 내용은 아래 문서를 참조하세요.
인기 있는 소셜 네트워크에서는 웹 사이트 링크가 해당 플랫폼에 게시될 때 외형을 사용자 정의할 수 있습니다. 이 설정(오픈 그래프 메타 태그)을 Meta 태그 섹션에서 제어하고 표시할 텍스트 및 이미지를 사용자 정의할 수 있습니다.
LinkedIn에서 www.bubble.io 웹 사이트의 태그가 어떻게 보이는지 예를 살펴보겠습니다. 이 링크 미리보기는 LinkedIn에서 소셜 미디어/오픈 그래프 섹션의 설정을 기반으로 자동으로 생성됩니다.
Page level settings
설정 탭의 설정은 응용 프로그램의 모든 페이지에 적용됩니다. Bubble은 또한 페이지 수준에서 이러한 값을 수정할 수 있습니다. 이는 일반적인 이미지 대신 동적 정보(예: 현재 페이지의 제품 이미지)를 사용하려는 경우에 특히 유용합니다.
페이지 수준에서 설정이 있는 경우 응용 프로그램의 설정보다 우선합니다. 페이지의 설정을 편집하려면 다음 단계를 따르세요:
1.
편집하려는 페이지를 엽니다.
2.
페이지 자체를 두 번 클릭하거나 속성 편집기를 열려면 요소 트리에서 해당 페이지를 찾습니다.
3.
외형 탭에서 아래에 나와 있는 Title/Description 및 Image 설정으로 스크롤합니다.
