SSL 인증마크 삽입하기

애드리빙은 세계 최대 이용률을 자랑하는 SECTIGO SSL 보안 서비스를 제공합니다. SSL 사용자는 SECTIGO에서 제공하는 SSL 인증마크(TrustSeal)를 사이트에 부착하여 고객에게 안전한 보안 서비스를 제공하는 사이트임을 알릴 수 있습니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3ad2adb0-a661-4661-94cb-1c1a19e4328f/sectigo_secure_106x42_white.png

방문자는 사이트에 부착된 Trust Seal 인증마크를 볼 수 있으며, 이미지 위에 마우스 포인터를 올리거나 클릭하는 경우 Sectigo 본사에서 제공하는 SSL 상세 인증서 정보를 확인할 수도 있게 됩니다.

참고 : 기관 정보는 Global SSL 사용자에 한하여 표시됩니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/82b84ea5-9fda-4a22-84fb-934af9f97748/00.jpg


설정방법

1단계, SECTIGO Trust Seal 코드 생성하기
  1. Sectigo Trust Seal 페이지에 접속합니다.
  2. 페이지 하단 Select Certificate Type 항목에서 사용 중인 인증서 종류를 선택합니다.
    • Basic SSL 사용자 : Sectigo SSL
    • Global SSL 사용자 : Sectigo SSL OV
    • Basic WildCard SSL 사용자 : Sectigo SSL Wildcard
  3. Trust Seal크기를 선택합니다. (예 : Small 82 x 32)
  4. 코드 오른쪽 Copy to clipboard를 클릭해 생성된 코드를 복사합니다.

2단계, 사이트에 Trust Seal 부착하기
  1. 사이트 관리자 메뉴에 접속합니다.
  2. 왼쪽 관리 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭합니다.
  3. Header Code에 복사한 코드를 붙여넣습니다. (Windows : Ctrl + V, Mac : Cmd + V)
  4. 붙여넣은 코드 맨 앞, 맨 뒤에 다음의 코드를 추가합니다.
    • 맨 앞 : <style>.sectigoSsl {position:fixed; left:4px; bottom:4px; cursor: pointer; z-index:99; </style><span class="sectigoSsl">
    • 맨 뒤 : </span>
  5. 완료하면 다음처럼 코드가 표시됩니다. (Basic SSL 사용자 기준 코드)

     <style>
       .sectigoSsl {
             position:fixed;
             left:4px;
             bottom:4px;
             cursor: pointer;
             z-index:99;
     </style>
     
     <span class="sectigoSsl">
       <script type="text/javascript"> //<![CDATA[
       var tlJsHost = ((.protocol == "https:") ? "<https://secure.trust-provider.com/>" : "<http://www.trustlogo.com/>");
       (unescape(""));
     //]]></script>
     <script language="JavaScript" type="text/javascript">
       TrustLogo("<https://sectigo.com/images/seals/sectigo_trust_seal_sm_2x.png>", "SECDV", "none");
     </script>
     </span>
    
  6. (선택 사항) 위 코드에서 style 코드를 수정해 Trust Seal 이미지의 위치를 조절할 수 있습니다.

    • left : 브라우저 왼쪽 끝에서부터의 거리를 숫자(px)로 입력합니다.
    • bottom : 브라우저 아래쪽 끝에서부터의 거리를 숫자(px)로 입력합니다.
  7. 저장 버튼을 클릭해 적용합니다.
  8. 왼쪽 상단 사이트 제목 오른쪽 미리보기아이콘을 클릭합니다.
  9. 사이트 왼쪽 하단 Sectigo SSL 인증마크가 표시되는지 확인하고, 클릭 시 다음 그림처럼 SSL 인증서가 표시되는지 확인합니다.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4bd14c45-88b3-4e22-b0f1-629e78cc6193/03.png


특정 메뉴에서 인증마크 숨기기

SSL 인증마크가 방문자의 사이트 사용성을 저해한다 판단되는 경우, 특정 메뉴에서 인증마크를 숨길 수 있습니다. 디자인 모드에서 인증마크를 숨기고자 하는 메뉴에 코드 위젯을 삽입하고, 다음의 CSS 코드를 추가해주세요.

<style>
    .sectigoSsl {display: none !important;}
</style>

사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

Copyright© Adliving. All right reserved. 


고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호

고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호


사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

Copyright© Adliving. All right reserved.