Skip to main content

安装 DigiCert 网站标章

关于在网站上安装 DigiCert Smart Seal、Norton 标章、Thawte 和 GeoTrust 站标章的信息

注意

DigiCert Smart Seal 不设置和使用任何类型的 cookie。

在开始之前

在安装网站标章之前,请确保满足以下先决条件

  • 您必须有权限访问并且熟悉您的网站代码。

  • 您必须对 HTML 和 JavaScript 有基本的了解。

  • 您必须有网站标章代码。

网站标章代码

网站标章代码只对 TLS/SSL 证书订单中包括的域有用。该域的列表可在您的 CertCentral 帐户的证书的订单详情页面上找到。当您通过电子邮件将网站标章代码发送给您自己时,您的 DigiCert Site Seal 电子邮件包括有效域的列表。

警告

不要修改 ID 属性或 JavaScript。DigiCert 建议按照原样使用网站标章代码。修改代码由您自担风险。

重新安装网站标章代码

在您的网站上安装网站标章代码之后,您可以从您的 CertCentral 帐户或通过 CertCentral 服务 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. 在证书的订单编号详细信息页面的是否需要安装网站标章?部分,可以复制网站标章代码或通过电子邮件将网站标章代码发送给您自己。

向您的网站添加网站标章代码

网站标章代码包括两个代码部分:HTML 和 JavaScript。

HTML 代码

HTML 代码,即“div”容器块,在您的网页上显示 DigiCert 网站标章。将代码的“div”部分粘贴到网页上要显示标章的页面代码位置。

JavaScript 代码

JavaScript 代码使网站标章能够工作。例如,该代码使网站标章能够显示在网页上,并确定“div”容器块的样式。将页面代码的脚本部分粘贴到网页的任何位置(例如,“div”块的旁边)。

添加网站标章代码

向您的网页添加网站标章代码时,您有两个选择:要么将所有代码放在一起,要么将 HTML 代码放在一个位置,将 JavaScript 代码放在另一个位置。

选项 1:将所有代码放在一个位置

将代码(HTML 和 JavaScript 一起)复制粘贴到 HTML 文件中需要在网页上显示网站标章的位置。

选项 2:将 HTML 代码放在一个位置,将 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”标记

如需设置网站标章信息页的默认语言首选项,请将“lang”属性添加到网站标章代码中的“div”标记。

具有“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>

将“lang”属性添加到网页上的根“html”元素

如需设置网站标章信息页的默认语言首选项,可以将“lang”属性添加到网页上的根“html”元素。

例如:<html lang="fr">

接下来

对于未包括在证书订单上的开发/测试域,网站标章无法使用。网站标章只对证书订单中包括的域有用。

警告

如果您在网站上安装网站标章代码后启用或禁用网站标章光标悬停效果,则必须重新安装该代码,这些更改才会生效。

证书订单续订

当您续订 CertCentral 证书订单时,为上一个订单生成的网站标章代码仍然有效。您无需更新网站上的代码。

但是,如果您不是续订现有订单,而是下达新的证书订单,则当前网站标章代码将不再有效。在这种情况下,你必须获得该证书订单的网站标章代码,并更新网站上的网站标章代码。