如何将 Discord 小部件添加到您的网站

已发表: 2021-06-03

Discord 平台非常适合在线创建社区，但它需要您的成员打开 Discord 本身才能使用该平台——或者是吗？ 借助 Discord 小部件，您可以将 Discord 嵌入到您自己的网站中，允许用户查看您的 Discord 服务器上谁在线，直接发布消息等等。

有几种方法可以将 Discord 服务器小部件添加到您的站点。 最简单的方法是使用 Discord 自己的小部件系统，但这是非常基本的。 如果您需要更高级的东西，您可能需要查看第三方替代品，例如 WidgetBot。 以下是将 Discord 小部件添加到您的网站所需了解的内容。

目录

    什么是 Discord 小部件以及如何使用它？

    Discord 小部件是 Discord 客户端的嵌入式版本，您可以将其集成到网站上的页面中。 根据您使用的小部件类型，这可以显示您的成员和频道列表，为新用户提供快速邀请链接，并允许用户直接聊天而无需访问 Discord 网站或使用客户端。

    内置小部件是您服务器的广告工具，可让您炫耀您的会员并通过您的网站获得新会员。 但是，它不允许您发送消息或与服务器交互，除了使用集成的邀请链接加入它。

    如果您想使用更高级的小部件，可以使用名为 WidgetBot 的第三方替代品。 WidgetBot 看起来几乎与 Discord 客户端一模一样，允许用户登录、发送消息、在频道之间切换以及使用 Discord 提供的一切——所有这些都在您网站的嵌入式小部件中。

    虽然 WidgetBot 的设置过程稍微复杂一些，但它为用户提供了比 Discord 自己的小部件系统更具功能性的替代方案。 两种类型的小部件都允许服务器所有者快速向新用户宣传他们的服务器，但这使其成为比 Slack 更好的选择，后者不提供类似的营销功能。

    嵌入标准 Discord 服务器小部件

    将标准 Discord 服务器小部件添加到您的网站有两个阶段。 您首先需要启用该小部件，然后从 Discord 的服务器设置中复制自动生成的 HTML 代码，以将其嵌入您的网站。

    1. 首先，打开 Discord 网站或桌面客户端并登录，然后从左侧的服务器图标中选择您的服务器。 在频道列表顶部选择您的服务器名称，然后从下拉菜单中选择服务器设置。
    1. 在 Discord 设置菜单中，选择Widget 。 要在您的服务器上启用小部件，请选择启用服务器小部件滑块，将其置于打开位置（绿色）。
    1. 为您的服务器激活服务器小部件后，您现在可以复制必要的 HTML 代码以将其嵌入您的网站。 向下滚动到Widget菜单的底部，然后在Premade Widget代码框中选择Copy 。

    复制包含预制 Discord 小部件的代码片段后，您可以将其集成到您的网站代码中。 该小部件将允许用户查看活动成员列表并注册到您的服务器。 但是，如果您需要更高级的小部件，则需要使用 WidgetBot。

    使用 WidgetBot 创建自定义 Discord 小部件

    Discord 的小部件是向您的服务器添加更高级邀请链接的好方法，但除了炫耀您的成员列表之外，它并没有提供太多其他功能。 如果您想将 Discord 客户端的（接近）全功能版本集成到您的网站中，您可以使用 WidgetBot 来完成。

    WidgetBot 是 Discord 的完全嵌入式版本，您可以根据自己的需要进行定制。 大小、功能、频道支持、访客会员资格等 - 所有这些都可以在您网站上的 WidgetBot 小部件中使用，以吸引新用户并直接与他们聊天，而无需访问 Discord 网站或使用客户端应用程序。

    某些功能（例如只读频道和自定义小部件主题）需要付费会员资格。 但是，核心功能（包括发送消息和直接加入服务器）是免费支持的。

    将 WidgetBot 添加到您的服务器

    首先，您需要将 WidgetBot 本身添加到您的服务器。 WidgetBot 通过将 WidgetBot 机器人添加到您的服务器来工作，因此您需要先执行此操作。

    1. 打开 WidgetBot 邀请链接 并登录 Discord 继续。 您需要从列表中选择您的服务器，然后选择继续以继续。
    1. 在下一阶段，系统会询问您要授予 WidgetBot 哪些权限。 启用所有复选框，然后选择授权继续。 此过程完成后返回您的服务器。

    在您的网站上嵌入 WidgetBot

    一旦 WidgetBot 在您的服务器上运行，您就可以继续将 WidgetBot 小部件添加到您的网站。 您可以使用多种类型的小部件，但添加基本小部件的最简单方法是在您的服务器上使用??crate命令。

    这会生成一个 HTML 代码片段，您可以轻松地将其嵌入到您的网页中，在右下角创建一个 Discord 聊天图标。 按下后，将为您的网络用户打开一个小型（且功能齐全）的 Discord 客户端。

    1. 首先，打开 Discord 网站或客户端，然后从左侧列表中选择您的服务器。 在您服务器上包含WidgetBot机器人的适当私人频道中，在消息框中键入??crate ，然后发送消息。
    1. 在您的服务器中发送??crate将导致机器人自动生成您可以嵌入的 HTML 代码片段。 从消息中选择代码，然后右键单击>复制或在键盘上选择Ctrl + C。
    1. 将代码复制到剪贴板后，将代码粘贴到您的网站 HTML 中并发布。 代码本身将在右下角创建一个 Discord 图标 - 选择此图标以查看小部件并与之交互，包括直接向您的服务器发布消息。

    如果您希望使用不同类型的 WidgetBot 小部件，您可以通过访问 WidgetBot 文档网站了解有关每种小部件的更多信息，包括如何创建它们并将其嵌入您的网站。

    使用 Discord 小部件

    Discord 服务器小部件是向您网站的新访问者宣传您的社区的好方法，为您提供了另一种增加会员资格的方法。 一旦你建立了你的服务器，你就可以考虑如何有效地使用 Discord。 您可以首先将机器人添加到您的服务器以增加功能，从音乐机器人到审核。

    但是，如果您在使用 Discord 时遇到问题，则有解决方案。 例如，通常可以通过重新安装应用程序来修复 Discord 致命 Javascript 错误等错误，而 Discord 连接问题可能表明您的 DNS 设置存在问题。 如果您仍然有问题，您也可以尝试许多 Discord 替代方案。