Category: Google / Facebook / Amazon / Twitter / Network

使用 HTML5 Geolocation 构建基于地理位置的 Web

本文将介绍 HTML5 提供的一个全新功能:Geolocation,它允许用户在 Web 应用程序中共享他们的位置,使其能够享受位置感知服务。首先本文将介绍 HTML5 Geolocation 位置信息的构成:纬度、经度,以及获得这些数据的途径(GPS、Wi-Fi 和蜂窝站点)。然后将讨论 HTML5 地理定位数据的隐私问题,以及浏览器如何使用这些数据。最后本文将探讨它在实际中的应用,演示并让您学会如何使用它构建一个实用的基于地理位置的 Web 应用。 HTML5 中的新功能 HTML5 是最新一代的 HTML… Read More

5个Pinterest推广技巧帮助你提升流量(附加10+Tips和有用资源)

你是否有兴趣通过pinterest获取流量和提升知名度?你知道哪些pinterest的推广手段的效果好? 我们测试了很多方法,这里推荐以下5种方法,提升pinterest的营销引流效果。 PS:基础的pinterest优化技巧就不介绍了,网上有很多基础介绍。 NO.5:在网站上安装Pin插件 只依靠自己在pinterest建账号 pin 图是比较可惜的做法,因为有将近46%的用户将pinterest作为收藏功能使用,提供便捷的 pin 按钮则可让用户顺利收藏+分享给TA的粉丝,一箭双雕。 大部分人都有从众心理,pin按钮上的数据会让用户觉得该产品/内容是非常受欢迎的,从而增大点击分享的几率。 而pin图的数量除了引诱用户点击分享外,还提示了哪些内容/产品是热门的。 推荐插件:(All free) Pinterest官方:https://developers.pinterest.com/pin_it/ Sharethis:http://www.sharethis.com Worpress Pin it:https://wordpress.org/plugins/tags/pin-it… Read More

如何使用Pinterest新推出的功能Rich Pin

前不久社交网站Pinterest推出了一项新的服务:Rich Pin。从名字我们不难猜出,这应该是信息更丰富的Pin。具体预览图如下: 从上图可以看到,这一个菜谱的Pin,以前我们仅仅只能看到图片以及文字。而在新推出的Rich Pin中,有一个分类就是专门针对菜谱的,其中专门针对菜谱的特点给出了如原料,菜名,烹调时间等资料。和以前通用的Pin相比,显然Rich Pin功能更强大,对用户更友好。 除了菜谱之外,这次推出的Rich Pin还有专门针对商品,电影和文章的。所以,做外贸的同学,可以好好利用Rich Pin for Product,内容营销的同学,可以好好利用Rich Pin for Article。 但是,并不是说Pinterest会自动分析你的Pin然后自动归类还填写相应信息什么的,需要咱们自己在网页里面添加代码以及去 Pinterest开通权限才可以。这篇博文就以Rich Pin for Article为例讲一下如何才能让自己的Pin变成Rich… Read More

企业利用Pinterest平台推广9条建议

不管是B2B还是B2C,无论你的企业规模大小,Pinterest都是一个非常棒的的图片分享平台, 他可以为你的企业引进可观的访问量和提升产品品牌曝光度。 这里介绍几种常用的有效的推广方式 。   1. 为你的图片增加Pin It 按钮。 网站或者博客图片都可以添加Pin It按钮,浏览者只需鼠标移到图片上点击按钮即可pin你的图片。Pinterest有详细简单的按钮代码添加说明。但注意目前该功能不支持触屏,所以如果你的产品倾向于移动客户端则该按钮不适用于您的产品。其他不支持Pin it按钮的图片还包括CSS背景图片, 像素低于80*80的图片, data-pin-no-hover=”true”或者nopin=”nopin” 属性图片,还有图片src属性由data:开始的都不能显示按钮。   当然, pin… Read More

Twitter开放平台api key申请流程 (Twitter Consumer Key)

一、登录Twitter开放平台 https://developer.twitter.com/ 你可以申请一个developer账户,如果你已经创建过 App,那么直接登录  https://apps.twitter.com/ 然后 Apply for a developer account.   二、申请 developer account 现在需要申请一个 developer 帐号需要手机验证了,输入验证码即可继续:… Read More

Google Shopping Feed 数据整理之XML格式实现方法

伴随着越来越多的外贸B2C电商企业开始投放Google PLA广告,Google Shopping Feed 的数据创建一直困扰着一些外贸电商企业;创建数据 Feed 时,一定要选择最适合商家需要的格式。Google 支持两种常规格式的数据 Feed:文本 (.txt) 和 XML (.xml)。   对于大多数外贸商家,建议你使用 .txt 格式,因为这种格式对技术知识的要求最低。您可以使用电子表格编辑器(例如 Microsoft… Read More

Google Webmaster Tools 结构化数据标记使用入门指南

要想使自己的产品在Google搜索结果有一个好的排名,我们不仅可以在提高Google搜索排名上下功夫,也可以改善我们的产品在Google搜索结果页的结构化数据样式,这样就能够以更准确、更具吸引力的方式将它们呈现给 Google用户,提高我们产品的点击率(CTR)。然后搜索结果点击率又和搜索排名是相互相成的,CTR越高,排名就可能越好。例如,当Google发现你的网页内容为结构化的产品详情、活动、食谱、评价或类似内容时,Google的算法便可以通过“丰富网页摘要”来完善您的搜索结果。     2012年12月,Google Webmaster Tools推出两项功能,它们可让你以更简单的方式使用结构化数据功能。 Google数据标注工具   Google对数据标注工具进行了扩展,现在可支持八种新的结构化数据类型(八种类型:产品、本地商家、文章、软件应用、电影、餐馆和电视剧集)。可协助Google解读你网站上各种活动的相关结构化数据的格式,不用修改网站的 HTML。   访问Google Webmaster Tools,选择你的网站,点击左侧边栏中的“Search Appearance”链接,然后点击“Data Highlighter”,最后再点击右上角的“START HIGHLIGHTING”。出现以下图:… Read More

Google Adwords 关键字策略 – SEO数据搭配

做 Google Adwords 搜索广告的时候,关键字策略关系到我们的ROI高低,我们怎样优化我们的 Adwords 关键字列表,今天我这篇文章主要介绍借助SEO电子商务数据优化 Google Adwords 搜索广告,提高关键字广告ROI;该主要使用多渠道路径数据来加强付费关键字广告系列,两种方法:确定账户缺少的价值关键字并制作或者添加到相关广告组, 另外确定投资不足的关键字,提高出价。   实施前提条件: 1.Google Analytics 和 Google Adwords 管理员级别的账号关联;… Read More

HTML5获取地理位置定位信息

HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。 查看演示 下载源码 如何使用HTML5地理位置定位功能 定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位 更加精确。首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是 不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然选择允许即可。 function getLocation(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition,showError); }else{ alert("浏览器不支持地理定位。"); } } 上面的代码可以知道,如果用户设备支持地理定位,则运行… Read More

HTML5 Geolocation API : 实时跟踪应用

getCurrentPosition与watchPosition   watchPosition会监视你的移动,并在位置改变时向你报告位置。watchPPosition方法看上去确实与getCurrentPosition方法很像,不过行为稍有不同,每次位置比阿奴啊时会重复调用你的成功处理程序 watchPosition调用步骤: 你的应用watchPosition,传入一个成功处理函数 watchPosition在后台不断监视你的位置 你的位置改变时,watchPostion调用成功处理函数来报告你的新位置 watchPostion继续监视你的位置(并向成功处理程序报告),直至你调用clearWatch将它清除   HTML代码   我们已HTML5COL学院中级课程相关章节的课程为基础,再向HTML增加几个按钮,从而能开始和结束跟踪你的位置;我们设置开始按钮是因为用户不想一直被跟踪,他们通常希望对此有些控制;设置结束按钮,是考虑到对于移动设备来说,不停检查用户的位置是一个相当耗费电的操作,如果一直打开跟踪,会严重影响电池寿命: 注: 实时跟踪用户可能非常耗电。一定要为用户提供信息,指出日前正在跟踪,另外还要提供相应的一些控件 <!DOCTYPE html> <html> <head>… Read More

HTML5 Geolocation API应用:计算两地距离

找出HTML5COL学院的位置   在HTML5COL学院的前面几个章节中我们已经对HTML5 Geolocation API有了一定认识,接下来我们要对位置做些更有意思的处理;看看你与我们HTML5COL学院的办公室秘密位置相距多远。为此我们需要HTML5COL学院的坐标,而且需要知道如何计算两个坐标之间的距离。   增加一个<div>   首先,在HTML中增加一个 <div>: <!DOCTYPE html> <html> <head> <meta='keywords' content='HTML5COL学院,HTML5COL,CSS3,HTML5COL,编码社区'> </head> <body>… Read More