什么是 Gatsby-plugin-trustpilot？
Gatsby-plugin-trustpilot是一个NPM包，它允许开发人员轻松地将Trustpilot评分集成到他们的网站中。这个插件可以帮助你引导你的用户在你的Trustpilot页面上留下评论。Trustpilot是一个在线评论平台，它允许用户评分和评论公司和服务。
这个插件为Gatsby网站的开发者提供了向他们的页面添加一个trustbox的方式，以便展示客户的评论和反馈。
安装 Gatsby-plugin-trustpilot
你可以通过npm或yarn来安装Gatsby-plugin-trustpilot。你也需要确保你的Gatsby应用程序已经安装了Gatsby（version 2）。
使用npm
npm install gatsby-plugin-trustpilot
使用yarn
yarn add gatsby-plugin-trustpilot
配置 Gatsby-plugin-trustpilot
要在你的Gatsby应用程序中使用Gatsby-plugin-trustpilot，你需要在gatsby-config.js文件中声明它。
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- ---------------------------
-------- -
-- ------- ------------------ ---- ---- ------ ---------- ---------- ---
--------------- ---------------------
--
--
--
-在这里，你需要将YOUR_STOREFRONT_ID替换为Trustpilot商家帐户的唯一标识符。你可以在你的Trustpilot帐户资料中找到这个ID。
你也可以通过使用其他选项来自定义插件，例如：
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- ---------------------------
-------- -
--------------- ---------------------
----------------- ----
------ ------------
------ -------
--
--
--
-这里是一些常用的选项，你可以使用它来自定义你的trustbox：
businessUnitId：你的Trustpilot商家帐户的唯一标识符（必需）。reviewCountLimit：在信任框中显示的最大评论数（默认为10）。theme：用于呈现信任框的颜色方案（默认为light）,还可以为：“light”、“ios-light”或“dark”。width：在其父元素中设置Trustpilot信任框的宽度（默认为“100%”）。
在你的页面中使用 Gatsby-plugin-trustpilot
在你的页面中，你可以使用以下代码来呈现Trustpilot信任框。
import React from 'react'
import { TrustBox } from 'gatsby-plugin-trustpilot'
const Trustpilot = () => (
<TrustBox />
)
export default Trustpilot这个代码段将在页面上呈现信任框。
你也可以添加其他参数来自定义你的信任框。例如，你可以使用以下参数来覆盖默认的参数：
-- -------------------- ---- -------
------ ----- ---- -------
------ - -------- - ---- --------------------------
----- ---------- - -- -- -
---------
-------------
-----------------
--------
---------
--------
--------------
-----------
---------
--------
--------------
------------
---------
------------
---------
----------
-------------
------------
--
-
------ ------- ----------原理解析
Gatsby-plugin-trustpilot是如何工作的？
这个插件的原理非常简单。它会从Trustpilot的API获取评分并显示到你的页面上。通过使用插件提供的配置选项，你可以进行自定义和调节以达到最好的展示效果。
你的Trustpilot站点ID和商家ID为插件提供了使用Trustpilot API的访问权限。插件使用API请求在页面中呈现Trustpilot信任框。
结论
到此为止，你已经学会了如何使用Gatsby-plugin-trustpilot将Trustpilot评级集成到你的Gatsby应用程序中。你学习了如何安装和配置该插件，并了解了它的工作原理。
通过在你的网站上添加Trustpilot评级，你可以帮助你的用户更好地理解你的公司和服务，并建立对你公司的信任感。现在，你可以开始使用Gatsby-plugin-trustpilot来轻松集成Trustpilot评分并展示到你的网站上了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672693660cf7123b36701