이 기사에서는 소셜 미디어 참여를 강화하기 위해 호버에만 나타나는 이미지에 Pinterest Call-to-Action을 추가하는 방법을 보여줍니다. 깨끗하고 사용자 친화적 인 디자인을 강조하고 불필요한 의존성을 피합니다. 
주요 혜택 :
Pinterest 주식 및 컨텐츠 가시성을 높이십시오
HTML 및 CSS를 사용하여 간단하고 호버로 활성화 된 Pinterest 버튼을 구현하십시오.
jQuery 대신 바닐라 JavaScript를 사용하여 코드를 간소화하십시오 (아직 프로젝트의 일부가 아니라면).
공유 가능한 이미지가 중요한 이유 :
고품질의 컨텐츠 참여가 중요합니다. 소셜 공유 버튼은이를 향상시켜 사용자가 Pinterest와 같은 플랫폼에서 개별 요소 (예 : 이미지)를 쉽게 공유 할 수 있습니다. 특히 Pinterest는 시각적으로 매력적인 콘텐츠의 혜택을받습니다
Pinterest 친화적 인 이미지 만들기 :
Pinterest 핀 URL은 다음과 같습니다
-
<:> 기본 URL :
-
: 페이지 URL (url-Encoded).
: image url (url-encoded).
: 설명 텍스트 (URL 인코딩, 이상적으로는 200 자 미만)
Pinterest의 JavaScript는 추가 기능을 제공하지만이 방법은 단순성을 위해 최소한의 코드를 사용합니다.
하드 코딩 (덜 효율적인) 방법 : -
이 방법은 각 이미지에 대해 수동으로 html을 추가하는 것이 포함됩니다 :
css는 버튼 (, , )을 스타일로 만들어 포지셔닝하고 호버에서의 가시성을 제어합니다. Pinterest 로고는 CSS 내에서 Base64 인코딩 된 이미지로 내장되어 있습니다.
자동화 된 (보다 효율적인) 메소드 (jQuery 포함) :
이 jQuery 코드는 속성으로 각 이미지의 Pinterest 링크를 동적으로 생성합니다.
자동화 된 (보다 효율적인) 메소드 (바닐라 JavaScript 포함) :
이 바닐라 JavaScript 등가는 jQuery없이 동일한 결과를 달성합니다.
추가 고려 사항 :
이 접근법은 깨끗하고 눈에 띄지 않지만 새 창에서 공유를 열면 사용자 흐름이 방해 될 수 있습니다. 팝업 대안이 고려 될 수 있습니다.
자주 묻는 질문 (FAQS) : (원래 의미를 유지하면서 간결하게 요약되어 있습니다.)
'PIN IT'버튼 추가 : - 개발자 페이지에서 Pinterest의 저장 버튼 코드를 사용하십시오.
버튼 사용자 정의 : 코드를 가져 오기 전에 Pinterest의 개발자 페이지에서 크기, 모양 및 색상을 사용자 정의하십시오.
핀에서의 호환-컨action :
핀 설명에 inclact를 포함시킵니다.
추적 성능 : - Pinterest Analytics를 사용하십시오
이미지 만들기 가능 : 설명 적 알 텍스트와 함께 고품질의 관련 이미지를 사용하십시오.
Pinterest 검색 최적화 :
설명 및 제목에서 관련 키워드 및 해시 태그를 사용하십시오.
- 고정 장려 : 명확한 'PIN IT'버튼과 호출을 추가하십시오.
Pinterest 공유 추가 버튼 : 소셜 미디어 버튼 사용 플러그인.
Pinterest로 트래픽 주행 : - 고품질의 핀을 호출 할 수있는 핀을 만들어냅니다.
Pinterest 마케팅 : 비즈니스 계정을 만들고 프로필을 최적화하고 Pinterest 광고를 사용하십시오.
이 개정 된 출력은 원래의 의미를 유지하면서 명확성과 흐름을 향상시켜보다 전문적인 프레젠테이션에 적합합니다. 이미지 URL은 보존됩니다
위 내용은 Pinterest Call-to-Action과 이미지를 공유하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
