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 = ((window.location.protocol == "https:") ? "<https://secure.trust-provider.com/>" : "<http://www.trustlogo.com/>");
       document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E"));
     //]]></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>
목록으로