如何在你的网站中添加HTML嵌入代码[快速提示]

如果你想从社交媒体上管理他人的内容，或者只是制作自己的内容视觉社交媒体内容为了你的整体内容策略，你需要知道如何将HTML代码嵌入你的博客或网站。

但是等一下……在我们进入这个技巧的实质之前，“嵌入”到底是什么?的意思吗?什么是HTML?我根本不会编程!让我们花点时间来分析一下:

什么是嵌入代码?

“嵌入代码”是嵌入在页面源中的HTML块，并在此过程中创建一个对象。

HTML:网页上使用的最基本的语言之一，用于设计和布局网页。当你在博客文章的“后端”时，你经常会看到这样的代码

下面是一串HTML代码:

HubSpot的博客//www.emcdepot.com/ < a href = > < / >

嵌入:把一些东西放到网站或博客上的过程。它经常被HTML引用来指定来自社交和内容网络的交互式内容。这是一个在你的博客上获得交互式、可视化内容的好方法，而无需设计任何东西。

好了，现在我们都在同一页上了，让我们继续这篇文章的其余部分。这是你如何在你的网站或博客的任何页面嵌入代码，嵌入的内容来自顶级社交网络。

1)生成嵌入代码。

以下是你如何在大多数主要的社交和内容网络上做到这一点。在某些情况下，您可以在生成代码之前定制您想要嵌入的内容。

脸谱网

推特

Pinterest

注意:您可以嵌入任何帖子，个人资料，或板从这个页面如果你有想要嵌入的对象的URL。

YouTube

谷歌+

SlideShare

Instagram

注意:这适用于照片和视频。

突出显示嵌入代码，然后将其复制到剪贴板。

在Windows上，按Control + c。在Mac上，按Command + c。或者，右键单击你的选区，选择“复制”。

Instagram

注意:这适用于Instagram上的照片和视频。

3)在内容管理系统中，打开HTML查看器。

尽管每个CMS都不一样，但您可能可以通过类似的步骤找到HTML查看器。以下是如何在HubSpot的CMS和WordPress中打开HTML查看器。

CMS中心

HubSpot的因为

WordPress

将刚才复制的HTML代码片段粘贴到HTML查看器窗口中。然后点击“确定”或“保存”。

请确保您没有将其粘贴到另一个代码片段中——否则您将在您的网页上看到错误。无论内容管理系统如何，这一步骤都是相同的。

5)哈!你在你的网站或博客中嵌入了内容。这是每个社交网络的样子。

脸谱网

推特

3个技巧让你开始使用Photoshop[+教程视频]http://t.co/aLoXW9XEqs

HubSpot的(@HubSpot)2013年9月10日

Pinterest

YouTube

谷歌+

SlideShare

Instagram

你在营销中使用嵌入内容的方式有哪些?

图片来源:racheocity