如何把网上拍卖展示在您自己的网站上

一个好的拍卖嵌入块显示什么

四样东西，别的都不要：

• 当前进行中的拍品，带照片、标题、当前价格和出价次数，以及一个真正在走的、指向各自截止时间的倒计时。尚未开始的拍品则显示起始价格和距开始的倒计时。
• 点击即打开拍品，在拍卖网站上以新标签页打开，这样访客可以出价而不离开您的页面。
• 没有内容时什么都不显示。当没有拍品进行中或即将开始时，区块应自动消失。一个显示着上个月拍卖或“目前没有拍卖”的嵌入块，是在告诉每位访客您并不忙。
• 您的外观。您的强调色和边角风格，让它看起来是您网站的一部分，而不是一则广告。

要避免的：用 iframe 框进整个拍卖网站（两条滚动条、两个页眉、手机上版式错乱）、一张拍下当天就过时的截图，以及任何要求访客在您的网站上登录才能看价格的东西。

两种实现方式

脚本。一行 <script>，负责绘制区块并保持更新。这是常规做法，凡是建站工具允许添加“自定义代码”、“嵌入 HTML”或“代码块”的地方都能用。它不应设置 Cookie，也不应替您的访客加载字体或跟踪器；对您考虑的任何小组件都该提出这个要求，因为要涵盖它的是您的隐私声明。

带链接的实时图片。有些地方不接受脚本：邮件签名、邮件通讯工具、少数建站工具的免费套餐、内网。在那里，一张每隔几分钟在服务器上重新生成、外面套着指向拍卖的链接的图片，能完成大部分任务：它显示有多少件拍品进行中以及出价何时截止，而且在几周前发出的页面或邮件里也保持最新。

那一行代码

对于基于 Auctify 搭建的拍卖网站，免费的 AuctionAmigo 小组件就是一行：

<script async src="https://auctionamigo.com/w.js"
  data-site="your-sale.myauctify.com" data-shape="horizontal"
  data-colour="#ffd23f" data-corners="8" data-background="light"></script>

把 your-sale.myauctify.com 换成您拍卖网站的地址，带不带 https:// 都行；自己的域名同样适用。本站首页的设计器会替您写好这一行，填入您的颜色和样式，并在您复制之前展示效果。各属性如下：

它每两分钟刷新一次，不设置 Cookie，不存储任何内容，不加载字体和跟踪器，在自己的 shadow root 中绘制，因此您的样式和它的样式互不干扰；当网站没有进行中也没有即将开始的拍品时，它什么都不显示。出价在拍卖网站上进行，绝不在小组件里。

选哪种样式，放在页面哪里

先放一处，不要三处。首页首屏之下是大多数访客都会看到的位置；每个页面上的悬浮小组件是第二选择。拍品数量按空间大小来定：窄侧边栏里放三件拍品，比放十二件好看。

粘贴到哪里，按建站工具逐个说明

每个建站工具都有一个放第三方代码的框，只是名称不同。下面的菜单名称按各工具在撰写时的标注给出，改版后可能会挪动位置，所以如果某一项找不到了，请在该工具的帮助中搜索“嵌入代码”或“自定义代码”。某项功能取决于套餐时会注明；请先核对您自己的套餐，不要想当然。

1. WordPress

   在区块编辑器中，在您想要的页面上添加一个自定义 HTML 区块，把这一行粘贴进去；或者用一个小工具区域放在侧边栏。另有一篇用 WordPress 网站举办拍卖的专门指南，涵盖这一点以及插件的问题。

2. Wix

   在编辑器中：添加元素 → 嵌入代码 → 嵌入 HTML，把这一行粘贴到该元素里并调整大小。Wix 把嵌入的代码放在它自己的框架里运行，所以请选内嵌样式（横向、纵向或竖长条），并把元素调到该样式需要的大小；悬浮小组件无法离开那个框架。全站代码放在设置 → 自定义代码，Wix 在已连接域名的付费套餐上提供此功能。

3. Squarespace

   在您想显示拍品的位置添加一个代码块并粘贴这一行。Squarespace 在 Business 及以上套餐中运行代码块里的脚本；在 Personal 套餐中，代码块只显示 HTML，脚本不起作用。要一次应用到所有页面，用设置 → 高级 → 代码注入 → 页脚，套餐要求相同。

4. Jimdo

   Jimdo Creator：小工具 / HTML 元素，粘贴这一行。Jimdo 较新的编辑器在付费套餐上提供 HTML 元素。选内嵌样式，并给元素留出空间。

5. Webflow

   把一个嵌入元素拖到页面上，把这一行粘贴进去。全站代码放在站点设置 → 自定义代码 → 页脚代码，发布需要付费站点套餐。

6. Shopify

   在线商店 → 模板 → 自定义，在拍品应出现的分区中添加一个自定义 Liquid 区块（或自定义 HTML，取决于模板），粘贴这一行。小组件链接到外部的拍卖网站；它不会往商店的购物车里添加任何东西。

7. Weebly 和 Google Sites

   Weebly：嵌入代码元素。Google Sites：插入 → 嵌入 → 嵌入代码。两者都在自己的框架里运行代码，所以请用内嵌样式，并把元素调到相应大小。

8. 纯 HTML，或交给开发者

   把这一行粘贴到区块应出现的位置，或者选悬浮样式，紧贴 </body> 之前放置。借助 data-target，您可以把标签固定放在一处，让小组件按选择器绘制到任意元素中。

不允许脚本的地方

邮件签名、邮件通讯工具、一些建站工具的免费套餐和大多数内网会剥除脚本。在这些地方用实时图片：一张每隔几分钟在服务器上重新绘制的横幅，显示有多少件拍品进行中以及出价何时截止，外面套着指向拍卖的链接。在 HTML 里就是一个 <a> 包着一个 <img>；在邮件通讯工具里就是“添加图片，设置链接”。因为图片会重新绘制，两周前发出的邮件仍显示当前数量，而拍卖结束后，它会变成一张简洁的访问拍卖网站的邀请，而不是一句过期的说法。

实时图片做不到的：显示单件拍品及其价格，或者倒计时。它是备选方案，不是首选，而且它更适合放在邮件里，远胜于放在本可以运行脚本的网页上。

检查它是否正常工作

分别在手机和电脑上用隐私浏览窗口打开页面。一两秒内您应该就能看到拍品。如果什么都看不到，原因是以下三种之一，而小组件对这三种情况都刻意保持沉默，这样访客永远不会看到错误提示：

• 拍卖网站没有进行中也没有即将开始的拍品。上架一件拍品，或者检查出价是否真的已经开始。
• 拍卖网站处于私密模式，所以它的任何内容都不公开。私密网站无法在任何地方展示。
• 地址写错了，或者建站工具分配给代码的元素太小，画不下。检查 data-site 的拼写，然后把元素调大。

然后在拍卖网站上出一次价，等两分钟，确认您页面上的价格已经变化。此后就没有什么需要维护的了：拍卖结束时区块自行消失，下一场拍卖的拍品一上架它就会再次出现。

常见问题