主题:
社交媒体营销< / >(不幸的是,LinkedIn仍然不允许为特定的帖子嵌入功能——尽管它确实提供了插件< / >所以你可以嵌入你的LinkedIn个人资料或页面。)
单击某个区段的名称可以自动滚动到该区段。- 如何嵌入Tweet< / >
- 嵌入Facebook帖子或视频< / >
- 嵌入Facebook饲料< / >
- 嵌入Instagram Feed和帖子< / >
- 嵌入Pinterest Pins.< / >
- 嵌入Pinterest董事会< / >
- 嵌入谷歌+帖子< / >
- 如何嵌入谷歌日历< / >
- 如何嵌入YouTube视频< / >
- 嵌入幻灯片演示文稿和信息图表< / >
如何嵌入Tweet
- 找到你想嵌入的tweet。
- 单击Tweet右上角的向下箭头。
- 选择“嵌入微博。”
- 复制出现的代码,并将其粘贴到网站的HTML编辑器中。
- 在嵌入代码中“tweet -tweet”后面添加“tww -align-center”。
1.找到你想嵌入的tweet。
要将推文嵌入你的博客或网站,你需要首先找到你想要显示的推文的自然栖息地——推特。在您的Twitter新闻源或Twitter用户的个人资料中找到这条raybetapptweet。对于本例,我们将嵌入来自的tweetHubSpot的Twitter的< / >,如下面的截图所示。
2.点击推文右上角的向下箭头。
找到要嵌入的Tweet后,单击位于推文的右上角的向下箭头图标,如下所示。
3.选择“嵌入微博。”
点击这个箭头图标会显示一个下拉菜单选项,包括一个名为“嵌入Tweet”的选项。单击此选项。
4.复制出现的代码,并将其粘贴到网站的HTML编辑器中。
从上面的下拉菜单中点击“嵌入Tweet”将打开如下所示的代码框。在“嵌入此Tweet”下,你会看到一串蓝色突出显示的文本。在你的键盘上使用Command+C(或者Control+C,如果你用的是PC)将这些代码复制到剪贴板上。
使用此嵌入式代码复制到剪贴板,返回要嵌入此推文的网站。打开本网站的源代码(有些内容管理系统有" < / >图标,您可以访问此源代码)。在这里,您将粘贴到HTML中的Tweet的嵌入式代码,精确地将推文出现在位置。
5.在嵌入代码中“tweet -tweet”后面添加“tww -align-center”。
然而,一旦你将这段代码粘贴到HTML中,你就会想要居中对齐这条tweet,这样它就不会自动出现在页面的左边或右边。为了纠正这一点,在嵌入代码的“twitter-tweet”后面直接添加文本“twt -align-center”(没有引号)。你可以在这里了解更多关于这个方法的信息< / >.
这是最终代码应该如下所示:
<引用类= "推文文”Tw-align-Centerdata-lang="en"> 让我们知道!
今年您希望从我们这里看到什么类型的内容?HubSpot (@HubSpot) 2019年1月16日
7.在整个HTML片段周围添加<居中>和居中>标记以居中对齐引脚。
这是最终代码应该如下所示:
<中心>< data-pin-do = " embedPin " href = " http://www.pinterest.com/pin/99360735500167749/ " > < !pinterest——> < / >
<!——请每页只调用pinit.js一次——>
center>
就是这样!这是当你完成时的样子:
嵌入Pinterest董事会
要添加Pinterest板,步骤一般是相同的,因为他们是嵌入个人大脚-上面解释。这是如何做到的:
- 打开Pinterest的小部件建设者。
- 选择左手栏中的“Board Widget”,就在“Pin Widget”构建器的下方。
- 当Board Widget打开时,按照上面列出的添加引脚的步骤进行操作。
将下面两行代码复制粘贴到你的网站的HTML编辑器中,就这样了!下面是嵌入式板的样子:
嵌入谷歌+帖子
1.找到你想嵌入的谷歌+帖子。将鼠标悬停在右上角,并单击灰色箭头显示下拉更多的选项。
2.选择“嵌入文章。”
3.复制出现的整个代码,并将其粘贴到网站的HTML视图中。
4.通过在整个HTML片段周围添加< Center >和 Center >来居中嵌入的文章。
这是最终代码应该如下所示:
<中心><!把这个标签放在你的脑袋里,或者放在你的body标签之前。-->
< script type = " text / javascript " src = " https://apis.google.com/js/plusone.js " > < /脚本>
<!把这个标签放在你想渲染的小部件的位置。-->
< div class = " g-post“data-href = " https://plus.google.com/110490539670062886957/posts/be2TCKDBMsG " > < / div > center>
就是这样!这是当你完成时的样子:
如何嵌入谷歌日历
要将特定的Google日历嵌入到博客或网站上,您需要使用Google日历的Web版本,而不是移动应用程序。
有打开吗?让我们嵌入。
1.单击齿轮图标以打开设置。
在您的谷歌日历的顶部,点击齿轮图标,并选择“设置”,如下所示。
2.选择要嵌入的日历,向下滚动至“集成日历”。
进入日历设置后,看看左边的侧边栏,看看你想要嵌入网站的具体日历。对于本例,我们将嵌入HubSpot的National Holidays日历。
选择日历后,看看设置的右侧,向下滚动,直到看到“集成日历”部分。(你也可以简单地点击日历左侧的同名选项。)
3.点击“自定义”并配置日历的大小和颜色。
在设置的“集成日历”部分,找到并点击“自定义”按钮,就在“嵌入代码”文本行上方。这将打开一个更大的选项窗口,您可以在嵌入日历之前更改日历的大小和配色方案。
如果您对日历当前的外观满意,并且不需要做任何美观的更改,您可以简单地将此嵌入代码复制到剪贴板中。
4.复制顶部的嵌入代码并粘贴到网站的HTML编辑器中。
复制您的嵌入代码,从自定义窗口或从设置页面,并粘贴到您的网站的HTML编辑器。如果你愿意,你可以将这个嵌入代码包装在
如何嵌入YouTube视频
- 找到你想嵌入的YouTube视频。
- 在视频下,选择“分享”。
- 在出现的菜单中,选择“嵌入”。
- 复制出现的代码并粘贴到网站的HTML编辑器中。
1.找到你想嵌入的YouTube视频。
在你的博客或网站上嵌入YouTube视频非常简单。首先,打开YouTube,导航到你想嵌入的视频。对于这个例子,我们将从HubSpot的inbound YouTube频道嵌入一个关于inbound营销的视频,如下面的截图所示。
2.在视频下,选择“分享”。
在视频下方,点击“分享”按钮,如下图所示。
3.在出现的菜单中,选择“嵌入”。
点击你选择的YouTube视频下方的“分享”按钮,将打开一个选项小菜单,在那里你可以将视频分享到各种社交网络。然而,在这些选项的最左边,你还会看到一个圆形的“Embed”按钮。点击这个按钮。
3.复制出现的代码,并将其粘贴到网站的HTML编辑器中。
待下一个窗口将生成一大盒编码文本,以及在嵌入窗口之前自定义视频的一些选项。例如,在嵌入式代码下,您可以设置是否希望视频从特定时间戳开始。
一旦您完全按照所需方式的方式,突出显示窗口顶部的编码文本。然后,单击右下角的“复制”。
4.在整个HTML片段周围添加<居中>和居中>标签,以居中对齐您的视频。
这是最终代码应该如下所示:
<中心>
嵌入幻灯片演示文稿和信息图表
1.找到您想要嵌入SlideShare.net的幻灯片演示文稿或信息图表。
2.点击顶部导航栏中的“嵌入”。
2.单击“自定义”。
如果要自定义嵌入式幻灯片演示文稿或信息图,请单击“自定义”,将出现以下选项,如下所示。选择您想要的选项,然后将代码复制在“嵌入”部分中并将其粘贴在网站的HTML视图中。
3.通过在整个HTML片段周围添加和 CONTER>来居中嵌入式幻灯片。
这是最终代码应该如下所示:
<中心>< iframe的src = " / / www.slideshare.net/slideshow/embed_code/31128788”宽度= " 427 "高度= " 356 "帧边缘= " 0 " marginwidth = " 0 " marginheight = " 0 "滚动=“不”allowfullscreen > < / iframe > < div > <强> < a href = " https://www.slideshare.net/HubSpot/a-sales-and-marketing-love-story " title =“销售和市场的爱情故事”目标= >“平等”销售Marketing Love Story from HubSpot
就是这样!这是当你完成时的样子:
有些嵌入代码可能需要稍微调整一下才能在你的博客或网站上看起来完美,但使用这些步骤,你应该会有一个很好的开始。嵌入快乐!
最初发布于2019年1月20日10:03:00 PM,Updated 024年12月20日