作为海外图片分享的主流平台之一,Instagram在海外越来越流行。同时,随着Instagram商业广告功能的退出,Instagram在商业领域的应用越来越广泛。无论是使用Instagram推广B2C网站获取订单,还是推广品牌形象与客户互动沟通,Instagram的使用都已经成为了必要。

为什么要将instagram相片嵌入网页

为什么要将instagram的图片嵌入到网页当中,这个问题的回答同样适用于其他社交媒体切入网站的原因。将社交元素搬到网页上,主要有以下几个作用:

  • 增加与客户的互动 这个主要有两个作用,一个是增加客户的粘性。第二个可以从网站优化来讲,增加了客户停留网站的时间,以及做出相应操作的可能。
  • 吸引客户 图片和视频相对于纯文本的描述更加具有吸引力和信息量。如何在最短的时间内使客户做出决定,在整个营销和销售过程中觉有重要的意义。
  • SEO优化 除了上面讲的增加客户在网站上的停留时间,访客的每一次点击,like和share都相当于给公司网站的一次vote,对网站的排名都有很直接的影响。同时像pinterest这类的可以创造外链的社交平台,更是值得我们去利用。
  • 品牌推广和营销 通过社交网络图片分享,不仅能够展示企业文化,公司实力,客户的反馈等等,同时也能持续增加公司的曝光,引起潜在客户的注意力。

如何将Instagram单张图片嵌入网页

将Instagram单张图片嵌入网页,不需要其他额外的工具。只要进入Instagram网页,用帐号登录,并选中图片。然后在打开的页面中,点击右下角更多的符号,便会弹出内嵌的选项。

embed instagram picture in website
embed instagram picture in website

点击内嵌按钮之后,网页会弹出镶嵌代码。无论是wordpress网站,还是博客,或者使用其他CMS搭建的网站,大多都有支持代码的功能。获取代码之后,只要将代码黏贴到对应的位置便能正常显示了。

embed code
embed code

更详细的教程,可以查看Instagram官方提供的教程:https://www.instagram.com/developer/embedding/ 或者直接在谷歌中搜索embed instagram photo to website。

如何将Instagram画廊嵌入公司网页

三个Instagram工具

将Instagram画廊嵌入网页,Instagram本身是无法实现的,这个时候需要用到第三方的工具。下面是其中的三个工具可供选择使用:

  • Websta Widgets (http://widgets.websta.me/)
  • Instush (http://www.instush.com/)
  • LightWidget (https://lightwidget.com/)

Instagram画廊嵌入网页演示

虽然使用的工具各不相同,但是步骤和操作确实大同小异:先登录注册或授权,然后选择展示的样式,之后获得代码,最后将代码嵌入网页。下面以Websta Widgets为例演示。

Step 1:登录网页,授权访问instagram页面,并输入个人使用邮箱,并验证邮箱。这个不走相对简单就步演示了。

Step 2:验证完邮箱之后,正式开始创建instagram画廊。按照实际需求,设定好各个参数:

样式设置
样式设置
  • Widget Name:工具名(例如Instagram Feed)
  • Domain Name:镶嵌网站的网址
  • Layout:画廊框架构造 (这里为2列3行,需根据实际需要选择)
  • Image Size:图片尺寸
  • Interval Image:图片之间的间隔
  • Responsive:是否开启自动适应设置(注意,一般设置为开启,否则的话需要实现计算好网站区域尺寸,然后正确设置图片尺寸)
  • Frame Border:是否显示边框
  • Background Color:背景颜色
  • Advanced Setting:高级设置(高级设置多个选项需要是付费使用才能开启,但是分享按钮设置和hover效果设置是可以使用的)
高级设置
高级设置

Step 3:设置好样式后点击Widget Creation,获取代码。并点击复制代码至黏贴版的按钮。

复制代码
复制代码

Step 4:将代码黏贴到网站所需区域。我这里是用在网站footer中的,所以在wordpress的widget中添加了visual editor,并将代码黏贴进去。便得到了最终的效果如下:

最终效果
最终效果