如何在 WordPress 中嵌入 TikTok Feed(一步一步)

已發表: 2024-02-05
Facebook 鳴叫 領英

您想在您的 WordPress 網站上嵌入 TikTok 影片嗎? 隨著 TikTok 作為有趣且引人入勝的影片的流行平台繼續佔據主導地位,越來越多的 WordPress 用戶希望在他們的網站上展示這些影片。

在本文中,我們將逐步引導您將 TikTok 來源嵌入到您的 WordPress 網站中。

讓我們深入了解並開始吧!

在 WordPress 中嵌入 TikTok Feed 的好處

TikTok 擁有超過 10 億用戶的龐大受眾,是最受歡迎和最著名的社群媒體平台之一。 將 TikTok 影片整合到您的 WordPress 網站中可以顯著提高用戶參與度並帶來許多好處。

MonsterInsights 是最好的 WordPress 分析外掛。 免費取得!

以下是嵌入 TikTok 來源如何改變您的網站:

  • 提高訪客參與度: TikTok 的小影片非常適合保持訪客參與。 它們的持續時間短意味著人們更有可能在您的網站上觀看它們。 這意味著您的 WordPress 網站的參與度更高,這對 SEO 非常有利!
  • 增強轉換:使用 TikTok 展示評論和推薦。 此策略可以幫助將訪客轉化為付費客戶。
  • 宣傳您的品牌:透過嵌入產品演示和資訊內容,您可以讓訪客輕鬆了解您所提供的產品和服務。
  • 內容多樣化:有影片的貼文比不帶影片的貼文吸引的流量多 83%。 嵌入 TikTok 影片意味著無需創建新內容即可獲得更多訪客。
  • 增加您的 TikTok 追蹤者:您可以透過展示您的 TikTok 頻道來吸引更多參與度和追蹤者。

將 TikTok 影片合併到您的 WordPress 網站是一種明智的策略,可以增強您的線上形象、促進銷售並輕鬆發展您的業務。

現在您已經了解了好處,讓我們深入了解如何在 WordPress 中嵌入 TikTok 影片的逐步指南。

如何嵌入 Tiktok 來源

將 TikTok 內容嵌入您的 WordPress 網站時,您有兩個主要選擇:手動嵌入或使用外掛程式。

我們將在下面進一步介紹這兩種方法。

最有效且用戶友好的方法是使用插件。 這種方法顯著簡化了流程,並且可以輕鬆創建美觀的提要。

為此目的最好的工具是 Smash Balloon 的 TikTok Feeds Pro。 該外掛程式可以輕鬆地將您的 WordPress 網站連接到您的 TikTok 帳戶,使您能夠以有吸引力的畫廊佈局(如網格、磚石和輪播)顯示所有影片。

如何在 WordPress 中嵌入 TikTok Feed

TikTok Feeds Pro 為您提供了出色的自訂選項,您嵌入的提要將自動與您網站的設計保持一致,確保它們看起來令人驚嘆和專業。

該外掛程式可讓您從各種預先建立的模板中進行選擇,視覺定制器可讓您微調您的 TikTok 來源,包括佈局選擇、標題設計和視訊元素,所有這些都只需單擊幾下即可。

最重要的是專門的支援團隊。 這個專家團隊隨時準備協助您解決任何疑問或問題,確保順暢的體驗。

在指南的下一部分中,我們將引導您完成設定 TikTok Feeds Pro 的步驟以及如何嵌入完全適合您需求的 TikTok feed。

  • 第 1 步:取得 TikTok Feeds Pro
  • 第 2 步:建立 TikTok 來源
  • 步驟 3:連結您的 TikTok 帳戶
  • 第 4 步:自訂您的 TikTok Feed
  • 第 5 步:在 WordPress 中嵌入 TikTok Feed

第 1 步:取得 TikTok Feeds Pro

首先,您需要下載並啟動 TikTok Feeds Pro 外掛程式。

首先造訪 Smash Ballon 的定價頁面並購買 TikTok Feeds Pro。 購買完成後,您需要在 WordPress 網站上下載、上傳、安裝並啟用該外掛程式。

如果您不確定如何操作,請閱讀有關啟用和安裝 WordPress 外掛程式的指南。

第 2 步:建立 TikTok 來源

現在您已完成 TikTok Feeds Pro 的設置,是時候創建您的第一個 TikTok Feed 了。

為此,您必須前往 WordPress 儀表板並前往TikTok Feeds » All Feeds

TikTok Feed 專業版

現在,點擊頁面最頂部的「新增項目」按鈕。

步驟 3:連結您的 TikTok 帳戶

現在是時候連接您的 TikTok 帳戶了,以便您可以顯示您的影片。

首先點選“新增來源”按鈕。

TikTok Feeds Pro

在下一頁上,點擊“連接 TikTok”按鈕。

TikTok Feeds Pro

此操作將帶您進入 TikTok 網站,Smash Balloon 將在此請求存取您的 TikTok 帳戶的唯讀權限。 您需要對此進行授權,然後按一下「連線」按鈕繼續。

完成後,Smash Balloon 會自動將您返回 WordPress 儀表板。

此時,您可以選擇您的 TikTok 帳戶,然後按一下「下一步」按鈕。

TikTok Feed 專業版

現在,您的 TikTok 帳戶已連接到 TikTok Feeds Pro,是時候自訂您的 Feed 了。

第 4 步:自訂您的 TikTok Feed

您將在下一頁為 TikTok feed 選擇一個模板。

從預設網格、卡片、清單、最新影片、輪播或展示輪播中進行選擇。 決定喜歡哪個主題後,按一下「下一步」按鈕。

TikTok Feeds 專業版

此操作將開啟視覺化編輯器,讓您調整 TikTok 來源。 在左側,您會發現各種自訂設置,而右側則為您提供來源的即時預覽。

TikTok Feed 專業版

透過選擇“佈局”標籤開始自訂。 在這裡,您可以為 TikTok feed 選擇不同的佈局樣式,例如網格、清單、磚石和輪播。

TikTok Feeds 專業版

此外,您還可以修改貼文之間的間距、顯示的貼文數量、列排列和內容長度。

TikTok Feed 專業版

Smash Balloon 依標準設定在桌面裝置上顯示最新 10 個 TikTok 貼文。 您可以透過在桌面圖示旁的欄位中輸入新數字來變更顯示的影片數量。

Smash Balloon 也為您的 TikTok feed 設定預設標題。 此標題包括您的 TikTok 個人資料圖片、用戶名、追蹤者數量、喜歡和追蹤按鈕等詳細資訊。

對於標題調整,請按一下視覺化編輯器中的「標題」選項卡,該選項卡提供更多自訂選項。

TikTok Feeds Pro

您可以探索其他設置,但這些步驟足以製作有吸引力的 TikTok 來源。

對調整感到滿意後,請記住點擊“儲存”按鈕。

第 5 步:在 WordPress 中嵌入 TikTok Feed

現在是時候將 TikTok Feed 嵌入到 WordPress 中了。 該插件的簡單性意味著您可以直接從即時來源編輯器開始嵌入影片。

首先,點擊右上角的「嵌入」

TikTok Feeds 專業版

然後,將出現一個彈出窗口,您可以在其中選擇嵌入 TikTok 影片的位置。 選項包括嵌入頁面、小部件或帖子內。

TikTok Feeds Pro

本指南將重點介紹如何將影片來源嵌入到 WordPress 頁面。

首先點擊彈出視窗中的「複製」選項來複製外掛程式的短代碼。

獲得短代碼後,請決定將 Feed 放置在何處。 在此範例中,我們將選擇“新增至頁面”選項。

彈出視窗將顯示您的 WordPress 頁面清單。

TikTok Feeds 專業版

從清單中選擇所需的頁面,然後點擊彈出視窗中的「新增」按鈕。

然後,TikTok Feeds Pro 將帶您前往 WordPress 區塊編輯器中選定的頁面。

TikTok Feed 專業版

若要嵌入您的 TikTok 來源,請點選加號圖示(+)新增新的內容區塊。 然後,在搜尋欄位中輸入“短代碼”,並從搜尋結果中選擇“短代碼”區塊。

TikTok Feed 專業版

現在,將先前複製的短代碼貼到短代碼區塊中。

TikTok Feeds 專業版

透過這些步驟,該外掛程式會自動將您的 TikTok 視訊來源嵌入到您的網站中。

若要預覽它對訪客的顯示效果,請造訪您的網站並進行檢查。

TikTok Feeds Pro 範例

就是這樣!

TikTok Feed Pro 提供了一種簡單的方式,以專業的方式在您的網站上展示影片。

如果您想要一個在 WordPress 中嵌入 TikTok 來源的免費選項,我們將在下面介紹。

如何手動嵌入 TikTok Feed

如果您對使用外掛程式不感興趣,還有另一種直接的方法可以在您的 WordPress 網站中手動嵌入 TikTok 來源。 這種方法適用於各種主題,並且非常簡單,儘管它沒有提供插件可能提供的精美外觀或廣泛支援。

儘管如此,對於初學者來說,它是一個很好的免費選擇。

要手動嵌入 TikTok 視頻,請先訪問您要嵌入的 TikTok 視頻並複製其 URL。

嵌入 tiktok feed

然後,在您的 WordPress 網站上,將此 URL 貼到您希望顯示影片的頁面或貼文編輯器中。 WordPress 足夠聰明,可以識別您正在嵌入 TikTok 視頻,並將自動在視頻中插入 TikTok 塊。

tiktok feed 範例 WordPress

另一種方法是自行添加 TikTok 區塊。 點擊 WordPress 編輯器中的+圖標,搜尋“TikTok”,然後將影片 URL 貼到區塊中。

插入 TikTok URL WordPress

雖然這種方法需要更多的實踐,並且需要更多的努力,特別是如果您要嵌入多個視頻,但它是快速編輯和更新的寶貴工具。

對於想要更深入了解手動嵌入過程的人,可以獲取有關如何在 WordPress 中嵌入 TikTok 影片的完整指南,其中提供了逐步說明和其他提示。

如何在 WordPress 中追蹤 TikTok Feed 的表現

想知道有多少人從 TikTok 登陸您的 WordPress 網站,反之亦然?

有一些好消息要告訴您!

透過 MonsterInsights,您可以輕鬆查看 TikTok Feed 的表現。

MonsterInsights 是 WordPress 最好的 Google Analytics 插件,可在您的 WordPress 網站和 Google Analytics 之間提供無縫連接。 此整合可讓您直接從 WordPress 儀表板存取關鍵資料。

MonsterInsights 主頁儀表板

只需單擊一下,MonsterInsights 即可啟用高級追蹤功能,例如事件、作者、電子商務、表單、自訂維度和出站連結追蹤。

在 WordPress 儀表板內,MonsterInsights 提供各種報告,包括社群媒體存取報告,讓您快速全面地了解數據。

要了解有多少人從 TikTok 登陸您的 WordPress 網站,請導航至見解»流量»社交,以查看您的社交媒體流量、參與度、購買活動和其他重要指標。

社群媒體儀表板報告 - MonsterInsights

如果您想更詳細地了解 TikTok 廣告系列的效果以及人們點擊哪些連結進入您的網站,您也可以使用 MonsterInsights 來完成此操作。

MonsterInsights 可讓您使用自訂 URL 連結建立工具建立帶有 UTM 參數的連結。 這樣,您就可以追蹤您的行銷活動績效並在 WordPress 儀表板中取得詳細的行銷活動報告。

MonsterInsights 活動報告

想知道有多少人透過您嵌入的 TikTok 來源存取您的 TikTok 個人資料? 借助 MonsterInsights 鏈接點擊跟踪,這變得輕而易舉!

使用自訂連結歸因功能,您可以追蹤有多少人透過您個人簡介中的連結點擊了您的 TikTok 個人資料。

追蹤個人資料中的 TikTok 個人資料鏈接

這將為您提供一份報告,顯示有多少人實際從您的 WordPress 網站訪問您的 TikTok 個人資料。

要了解更多信息,請查看我們關於如何設定 Google Analytics 點擊追蹤(逐步)的完整指南。

就是這樣!

我們希望您喜歡本教程,了解如何在 WordPress 中嵌入 TikTok Feed。 也請務必閱讀:

  • 如何在 WordPress 中在 TikTok 上做贈品(簡單)
  • 提高網站使用者參與度的 8 種行之有效的方法
  • 9 個最佳 WordPress 社群媒體插件

還不是 MonsterInsights 的用戶? 今天就開始吧!

不要忘記在 Twitter、Facebook 和 YouTube 上關注我們,以獲取更多有用的教學、評論和 Google Analytics 提示。