创建和发布 创建并推广促销性网页小工具（Gadget），是宣传产品或服务、提升网站流量的有效手段。
可将网页小工具视为一种社交媒体形式。客户及潜在客户可将其添加至 iGoogle 主页，在 Orkut、MySpace 等社交平台使用，或与好友在线分享。
在本篇“电子商务知识指南”中，我将演示如何基于 Google Gadgets API 开发一个简单的“每周精选”小工具。
“每周精选”小工具
我们将结合 XML 与 HTML 构建该小工具。无需具备专业开发或编码背景，掌握基础 HTML 知识即可轻松上手。
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs/>
<Content type="html">
<![CDATA[Hello World.]]>
</Content>
</Module>
从基础 XML 结构开始：首行声明使用 XML 1.0 版本；第二行引入 <Module> 元素作为工具框架（故小工具亦称“模块”）；末行关闭该元素。这三行代码为核心基础。
模块偏好设置
<ModulePrefs> 标签用于定义工具特性（如高度像素）或描述信息（如标题、作者）。为简化示例，初始仅添加四个属性。若计划将工具提交至 Google 目录，则需补充以下属性：
- description：简述工具功能。
- author_email：便于客户或 Google 联系。
- author_location：标注店铺所在地。
- screenshot：提供 .png 格式预览图，宽度须精确为 280 像素。
- thumbnail：提供 120×60 像素的 .png 缩略图。
- title_url：将工具标题链接至着陆页或主页。
<ModulePrefs title="Weekly Feature" height="300" scaling="false" author="Armando Emanuel Roggio, Sr." />
小工具内容
<Content> 元素的 type 属性告知解析器预期内容类型，其子元素 <![CDATA[...]]> 用于包裹实际内容。
<Content type="html">
<![CDATA[Hello World.]]>
</Content>
CDATA（字符数据）指示解析器按原样解释内部文本，而非标记语言。在小工具中，它通常包含 HTML 内容。现用基础 HTML 替换“Hello World”，以调用产品图片并链接回商店：
<Content type="html">
<![CDATA[
<div>
<a target="_blank" href="http://www.yourstore.com/some-product.html">
<img border="0" alt="Photo" src="http://www.yourstore.com/some-product-image.png" title="Product Information"></a>
</div>
<div>
<a target="_blank" href="http://www.yourstore.com/some-product.html">Product Name and Price</a>
</div>
]]>
</Content>
上述 HTML 中，<a> 创建链接，<img> 引用网站图片。使用时，请将两处 URL 分别替换为目标着陆页地址和产品图片网络地址。
添加样式
可通过内联 CSS 美化小工具。例如，为链接区域添加浅灰背景，并使图片与文字居中对齐：
<Content type="html">
<![CDATA[
<div style="text-align:center;">
<a target="_blank" href="http://www.yourstore.com/some-product.html">
<img border="0" alt="Photo" src="http://www.yourstore.com/some-product-image.png" title="Product Information"></a>
</div>
<div style="text-align:center; background-color:#cccccc;">
<a target="_blank" href="http://www.yourstore.com/some-product.html">Product Name and Price</a>
</div>
]]>
</Content>
完整代码示例
整合所有必要 <ModulePrefs> 属性后，完整代码如下（请替换占位符为实际信息）：
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Weekly Feature" title_url="YOUR STORE URL" height="300" scaling="false" author="YOUR NAME" author_email="AN EMAIL ADDRESS" author_location="YOUR LOCATION" description="DESCRIBE THE GADGET NOT THE PRODUCT" screenshot="SCREENSHOT URL" thumbnail="THUMBNAIL URL"/>
<Content type="html">
<![CDATA[
<div style="text-align:center;">
<a target="_blank" href="YOUR URL">
<img border="0" alt="Photo" src="YOUR IMAGE URL" title="Product Information"></a>
</div>
<div style="text-align:center; background-color:#cccccc;">
<a target="_blank" href="YOUR URL">Product Name and Price</a>
</div>
]]>
</Content>
</Module>
上传与测试
将文件保存为 weekly-feature.xml 并上传至 Web 服务器，获取访问 URL（如 http://www.yourstore.com/weekly-feature.xml）。
通过 iGoogle 进行测试（已有 Google 账户即可登录）：
- 点击页面右侧“添加内容”。
- 在左侧列底部点击“添加订阅源或小工具”。
- 在弹出对话框中输入小工具 URL，点击“添加”。
- 确认提示框中选择“确定”。
- 点击“返回 iGoogle 主页”。
- 验证小工具是否正常显示。
推广与维护
上线后，请在网站嵌入链接并提交至非官方 Google 模块列表及 Google 小工具目录。务必每周更新产品图片与链接以保持内容新鲜度。
教程视频
小工具资源
- Google：什么是小工具？
- 提交 Google 小工具
- 发布您的小工具
示例小工具
- Dealcatcher
- TechBargains
- REI Outlet
- Buy.com
- NewEgg Daily Deals