如何在您的网站上嵌入Tiktok视频和视频供稿

自2016年推出以来,Tiktok一直很喜欢惊人的生长。而且似乎很快就不会去任何地方。超广泛的短形式视频社交媒体平台使用户可以创建和共享剪辑,其中包括舞蹈,Lipsync,音乐,美食,美容,时尚,喜剧以及几乎任何其他类型的内容。该应用程序已大大提高,以填补2016年底葡萄藤去世而留下的空白。

Worldwide, TikTok has around800 million active users。一个nd, while TikTok is largely used byGeneration Z,随着时间的流逝,它在千禧一代和X一代中变得越来越受欢迎。如今,甚至很常见的是,少数婴儿潮一代在应用程序上创建和共享内容。因此,如果您是Tiktok的影响者,那么您就会处于良好状态。

但是,如果您将其他社交媒体平台用于影响者营销业务,该怎么办?金博宝188备用网址188滚球地址

You’re in luck. Like every other popular social media platform, TikTok lets its users share TikTok content on other platforms and even embed videos on websites. In this article, we’re going to show you how to embed TikTok videos and TikTok video feeds on your website to get the most from your content and reach a wider audience. We’ll be looking at methods of embedding TikTok videos on both WordPress and non-WordPress sites.

But first, you might be wondering if there are any benefits to embedding your TikTok videos on your site.


如何在您的网站上嵌入Tiktok视频和视频供稿:


为什么要在您的网站上嵌入Tiktok视频?

Embedding TikTok videos isn’t the only way to share them. You can取下Tiktok水印并在您的网站上使用那些下载的视频,以使它们看起来像本地视频,在其他社交媒体平台上分享它们,甚至只是使用水印的视频进行营销。188滚球地址

为什么要担心嵌入?

Turns out, there are a few reasons it just makes sense to embed TikTok videos on your website.

1. Site Resources

将视频上传到您的网站可以占用空间和资源,最终会减慢您的网站。188金宝慱网站来自来源的嵌入式视频播放。您不仅可以节省服务器上的空间,还可以节省带宽。另外,无需担心视频播放器。

2.用户体验和SEO

一个dding videos to your site can give you anSEOboost, increase the time visitors spend on your site, lower your bounce rate, and increase your click-through rate.

3.用户生成内容

User-generated content is marketing gold. More and more, consumers are giving obvious ads an untrusting side-eye. TikTok videos featuring用户生成内容can be used as社会证明在您的网站上。

现在,您知道您的业务如何从展示Tiktok视频中受益,让我们看一下在网站上嵌入Tiktok视频的四种方法。


如何在WordPress网站上嵌入Tiktok视频

有三种方法可以在WordPress网站上嵌入Tiktok视频:

  • 使用块编辑器
  • 通过添加小部件
  • With a plugin

我们将向您展示如何使用这些方法,以便您可以选择最适合您的方法。

一个dd TikTok Videos to a WordPress Site Using the Block Editor

首先打开要嵌入浏览器中的Tiktok视频。在Tiktok应用程序中,只需点击分享button on the video you want to embed and then tap复制链接

将链接粘贴到您的浏览器中,然后单击TikTok视频to bring up the video player. On the right, you’ll see anEmbedbutton:

单击Embedbutton to bring up the embed code then click复制代码to copy the embed code.

现在,您需要做的就是将嵌入代码粘贴到您的网站中。使用块编辑器,添加一个HTML块,然后将嵌入代码粘贴到块中。


使用小部件将tiktok视频嵌入您的WordPress

将Tiktok视频嵌入到您的网站的另一种简单方法是使用小部件。为此,请复制tiktokvideo you want to use and go to WordPress. From the WordPress dashboard, go to外观>小部件然后单击+图标。搜索“ tiktok”以提高tiktok嵌入块。

Paste the TikTok video URL into the text area. Don’t forget to save your changes!

这两种方法是快速在WordPress网站上嵌入Tiktok视频的好方法,但是您会注意到您只能一次嵌入一个视频。另外,它们不会随着您的提要而更新。如果您想向您的网站访问者展示Tiktok Feed,则需要使用插件。我们将向您展示如何使用Femplayers的WP Tiktok Feed插件来完成此操作。


使用插件添加Tiktok视频和Tiktok视频馈送到您的WordPress网站

我们选择了WP Tiktok Feed插件,因为它是用户友好的,并提供了轻松的上传和视频缓存。该插件还将吸引视频数据,因此您可以展示您的喜欢和评论。另外,您可以使用它嵌入单个Tiktok视频或视频供稿。我们是否提到它是免费的?

这是我们喜欢的一些WP Tiktok Feed插件功能:

  • Easy to configure and sync
  • 更新是自动化的
  • 数据缓存以最大程度地减少请求并减少加载时间
  • 自定义为您提供了更改tiktok feed的外观,定位和布局的选项
  • 多个tiktok饲料同步
  • Complete video uploading and embedding controls as well as video caching
  • 多个布局和自定义选项以及可移动的选项
  • 与任何WordPress主题兼容

To get started, you’ll need to install and active the WP TikTok Feed plugin. From your WordPress dashboard, go toPlugins > Add Newand search forWP TikTok Feed

点击现在安装。安装插件后,单击启用

Once the plugin is activated, go totiktokFeed > Feeds。You’ll notice that a demo TikTok feed has been added using #wordpress. This brings up content that has thattiktok主题标签包括。要添加您自己的Tiktok提要,请单击+饲料button:

单击该按钮会添加一个新屏幕,您可以在其中添加Tiktok视频供稿tiktok主题标签或通过输入特定的用户名。

您还可以选择要显示嵌入式Tiktok feed的方式。如果您选择石工样式,视频将以肖像模式显示。与Gallery样式,Tiktok Feed中的视频将显示为正方形的缩略图。

We’re going to set the options to show TikTok videos using #influencer so only videos with that hashtag will show up in our feed. We’re also going to choose Masonry because we want the full thumbnail to show up in vertical, portrait view. We’re going to leave the限制在12和在3.点击救球完成后,您会发现已使用短码添加了新提要。

现在,您可以复制该快捷代码并将其粘贴到帖子或页面中。在里面内容编辑器on the page where you want to embed your TikTok feed, click on the+图标并搜索“快捷代码”。然后,单击快捷代码小部件将其添加到您的帖子或页面中。

Paste your TikTok feed shortcode. When you’re done editing, save your content. To see what your TikTok feed looks like, view your post or page. Your TikTok feed should show up with a在Tiktok上查看访问者可以单击的按钮转到Tiktok上的提要。

如果您不希望显示Tiktok按钮上的视图,则可以将其删除。只是去tiktokFeed > Feedsand click编辑对于要编辑的提要。在屏幕的左侧,除了一般设置外,您还将看到视频,弹出式和按钮。要禁用Tiktok按钮,请进入按钮setting. You’ll be able to remove the button entirely, change the wording, and customize the button color:

您还可以启用或禁用弹出选项。离开Video popupenable will show a popup of the video on your site instead of opening the videos in a new tab and taking visitors away from your site.

使用Videota

B,您可以通过删除自动播放,调整视频之间的空间,删除视频控件,显示/隐藏喜欢和评论等来自定义提要。

您还可以使用Tiktok Feed快捷代码来创建小部件。例如,如果您想在侧边栏中出现tiktok feed,则可以通过转到侧栏窗口小部件添加短码外观>小部件并添加一个文本要么tiktokwidget to your sidebar.


如何将tiktok视频嵌入到非字体网站上

将Tiktok视频嵌入非媒介网站非常容易。只需一分钟,您不需要您使用任何特殊的插件或扩展程序。

您将遵循如何在WordPress网站上嵌入Tiktok视频的相同步骤。首先打开要嵌入浏览器中的Tiktok视频。来自tiktok应用程序,只需点击要嵌入的视频上的共享按钮,然后点击复制链接。

将链接粘贴到您的浏览器中,然后单击TikTok视频to bring up the video player. On the right, you’ll see an Embed button. Click on the Embed button to bring up the embed code then click Copy code to copy the embed code.

现在,您需要做的就是将嵌入代码粘贴到您的网站中。打开您想要嵌入视频的页面,然后将代码粘贴到所需的位置。

预览您的页面,以确保视频正确显示。一旦您想要的方式,请继续保存或发布您的页面。嵌入式Tiktok视频将显示有关视频创建者的信息视频描述,以及Tiktok视频的原始背景声音以及在tiktok或tiktok.com上链接到视频。


How to Embed a TikTok Video Feed on a Non-WordPress Website

要将Tiktok视频Feed嵌入到非字体网站上,您需要诸如躯体,羊群或嵌入社会的工具来快速轻松地进行操作。我们将向您展示如何使用本教程的嵌入式社会嵌入式饲料来做到这一点。

注册嵌入式帐户后,请转到Sources然后单击tiktok选择它。然后,单击Next

在里面Tiktok视频链接field, enter the URL for the TikTok video you want to embed and click创建Tiktok源。在出现的Tiktok资源页面上,单击一个dd New Videoto add more videos (from the same source/user) to your feed:

添加了想要的视频后,请单击救球。Now you’re ready to create a widget!

小部件and click创建新的

Name your widget, choose how many videos to show, choose the source or sources you want to include, and click创建小部件。您的小部件已准备就绪,但是您有几个自定义选项可供选择。

常规设置

  • 小部件名称
  • 本地化(语言)
  • 自动同步
  • 谷歌分析

布局和设计

  • 布局选项,包括饲料,墙,砌体,网格,滑块,旋转木制和拼贴画
  • 列数(动态或最多四个)
  • 视频之间的填充
  • Title size
  • Title color
  • 自定义CSS

过滤器

  • 帖子类型(图像和视频或文本)
  • 每页帖子
  • Sort by date
  • Set start date
  • Filter by keywords

小部件元素

  • 标题对齐
  • 显示/隐藏标题
  • Widget title
  • 关注按钮(无自定义URL或Tiktok)
  • 按钮源
  • 分页(数字或“加载更多”)
  • Show/hide latest thumbnail in header
  • 显示/隐藏的帖子号码
  • 显示/隐藏徽标
  • 显示/隐藏全文
  • Show/hide text below image
  • Post link (none, original source, or lightbox)

一个fter you’ve set your widget up the way you want, copy the code provided and paste it on the desired page of your website.


包起来

tiktokhas become one of the fastest-growing social media platforms in the world for a reason. It’s an engaging platform that makes it easy fortiktokinfluencers用高质量的内容病毒并建立追随者。然后,使用我们在这里共享的技术将Tiktok视频嵌入网站上,这些创作者可以利用相同的视频来驾驶SEO,增加网站上的时间,获得更好的点击率等等。

Baidu