Skip to main content

デジサートサイトシールをインストールする

ウェブサイトへのデジサートスマートシール、ノートンシール、Thawte、およびジオトラストサイトシールのインストールに関する情報

注記

デジサートスマートシールはいかなる種類のクッキーも設定せず、使用することもありません。

開始する前に

サイトシールをインストールする前に、これらの前提条件が満たされていることを確認してください。

  • ウェブサイトコードにアクセスでき、それを熟知していること。

  • HTMLとJavaScriptに関する基本的な知識があること。

  • サイトシールコードを持っていること。

サイトシールコード

サイトシールコードが機能するのは、SSL/TLS証明書オーダーに含まれるドメインのみです。このドメインのリストは、CertCentralアカウントにある証明書の[オーダー詳細]ページに記載されています。サイトシールコードを自分宛てにEメールで送信するときは、デジサートサイトシールEメールに有効なドメインのリストが含まれています。

警告

ID属性またはJavaScriptは変更しないでください。デジサートは、サイトシールコードをそのままの状態で使用することをお勧めします。コードの変更は自己責任で行ってください。

サイトシールコードを再インストールする

ウェブサイトへのサイトシールコードのインストール後、CertCentralアカウントから、またはCertCentral Services API統合を通じてサイトシールを変更できます。

サイトシール画像のサイズ変更などの一部の変更ではサイトシールコードを再インストールする必要はありませんが、ホバー効果を変更する場合は、ウェブサイトでそれらの変更が有効になるようにサイトシールコードを再インストールする必要があります。

サイトシールコードを取得する

  1. In CertCentral, go to the certificate’s Order # details page.

    1. In the left main menu, go to Certificates > Orders.

    2. On the Orders page, select the certificate's order number link.

    3. For CertCentral Subscription accounts:

      1. In the left main menu, go to My Digital Trust Products > Certificates.

      2. On the Certificates page, select the certificate's order number link.

  2. [オーダー番号]詳細ページで、[サイトシール]をクリックします。

  3. 証明書の[オーダー番号]詳細ページの[サイトシールをインストールしますか?]セクションで、サイトシールコードをコピーする、またはサイトシールコードを自分宛てにEメールで送信することができます。

ウェブサイトにサイトシールコードを追加する

サイトシールコードは2つのコード部分、HTMLとJavaScriptで構成されています。

HTMLコード

HTMLコードの「div」コンテナブロックは、ウェブサイトにデジサートサイトシールを表示します。ウェブページでシールを表示させる場所のページコードに、コードの「div」部分を貼り付けます。

JavaScriptコード

JavaScriptコードは、サイトシールを動作させます。例えば、このコードはページにサイトシールを表示させ、「div」コンテナブロックをスタイル化します。ページコードのスクリプト部分を、ページの任意の場所(「div」ブロックの横など)に貼り付けます。

サイトシールコードを追加する

サイトシールコードをウェブページに追加するときは、すべてのコードを一緒に設置するオプションと、HTMLコードを1つの場所に設置して、JavaScriptコードを別の場所に設置するオプションの2つのオプションがあります。

オプション1:すべてのコードを1ヵ所に設置する

コード(HTMLとJavaScriptの両方)をコピーして、HTMLドキュメントのサイトシールを表示させたいページ上の場所に貼り付けます。

オプション2:HTMLコードを1つの場所に設置して、JavaScriptコードを別の場所に設置する

  1. JavaScriptコードをコピーして、HTMLドキュメントのファイル最上部にあるHEADセクションに貼り付けます。

    Note: DigiCert recommends placing this code below any other JavaScript tags on the webpage.

  2. HTMLコードをコピーします。その後、HTMLドキュメントのサイトシールを表示させたい場所に貼り付けます。

サイトシールをスタイル化する

HTML「div」タグ

HTML「div」タグは、サイトシールを表示させたいページ上の任意の場所に設置できます。「div」タグには標準のCSSスタイルを適用できます(STYLE属性と共に使用する、またはCLASS属性を追加してスタイルシートを使用する)。

警告

ID属性を変更しないでください。コードの変更は自己責任で行ってください。

サイトシール

サイトシールそのものは、JavaScriptで自動的にスタイル化されます。

警告

JavaScriptを変更しないでください。コードの変更は自己責任で行ってください。

サイトシール情報ページの言語を設定する

To change the default language preference for the site seal information page, add the "lang" attribute to the site seal "div" tag or root "html" element on the page.

These language changes apply to the site seal information page. They don’t change the site seal language. Currently, the site seal just supports English.

Supported languages with their “lang” attribute

The site seal information page supports these languages.

Language

"lang" attribute value

English (default setting)

en

Español (Spanish)

es

Deutsch (German)

de

Français (French)

fr

Italiano (Italian)

it

日本語 (Japanese)

ja

한국어 (Korean)

ko

Nederlands (Dutch)

nl

Português (Portuguese)

pt

Русский (Russian)

ru

Svenska (Swedish)

sv

简体中文 (Simplified Chinese)

zh

繁體中文 (Traditional Chinese)

zt

「lang」属性を「div」タグに追加する

サイトシール情報ページのデフォルト言語を設定するには、サイトシールコードの「div」タグに「lang」属性を追加します。

「lang」が追加されたサイトシールコードの例

<!-- DigiCert Seal HTML -->
<!-- Place HTML on your site where the seal should appear -->
<div id="DigiCertClickID_f8wBj4Ja" lang="es"></div>

<!-- DigiCert Seal Code -->
<!-- Place with DigiCert Seal HTML or with other scripts -->
<script type="text/javascript">
	var __dcid = __dcid || [];
	__dcid.push({"cid":"DigiCertClickID_f8wBj4Ja","tag":"f8wBj4Ja"});
	(function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = 
document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
</script>

ウェブページのルート「html」要素に「lang」属性を追加する

サイトシール情報ページのデフォルト言語を設定するには、ページのルート「html」要素に「lang」属性を追加できます。

例: <html lang="fr">

次のステップ

開発/テストドメインが証明書オーダーに含まれていなかった場合、サイトシールはそのドメインでは機能しません。サイトシールが機能するのは、証明書オーダーに含まれているドメインのみです。

警告

ウェブサイトにサイトシールコードをインストールした後でサイトシールのホバー効果を有効化または無効化した場合は、コードを再インストールして変更を有効にする必要があります。

証明書オーダーの更新

CertCentral証明書オーダーを更新しても、前回のオーダーで生成されたサイトシールコードは引き続き有効です。ウェブサイト上のコードを更新する必要はありません。

ただし、既存のオーダーの更新ではなく、新しい証明書オーダーを発注した場合は、現行のサイトシールコードが機能しなくなります。この場合、その証明書オーダーのサイトシールコードを取得して、ウェブサイトのサイトシールコードを更新する必要があります。