如何將 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 替代方案。