目录:
Facebook的aStore?
您已经确定联盟营销适合您。您已经建立了一个Amazon aStore。您已经花了时间,努力地筛选产品以添加其中…
利用社交媒体的力量,您甚至可以拥有一个专门用于会员营销工作的Facebook页面…您创建了一个时间轴封面照片以清晰地直观地表达该页面…您可以在该Facebook页面上发布状态更新以及指向特定产品的链接在您的商店中…
但是,如果您可以在该Facebook页面上展示整个aStore,那岂不是很棒吗?好吧…可以!
自定义选项卡非常易于管理。您甚至可以自定义显示在选项卡本身上的图像和标题文本。
一个例子
例如,查看“共产主义壁橱” Facebook页面。请注意标题为“苏联商店?”的标签。
苏维埃商店是一个亚马逊aStore,它直接嵌入到Facebook页面中,并带有一些HTML和一个“合法的Facebook”应用程序。不,我们不会入侵任何东西……只是利用资源。
你需要什么
- 对Facebook页面的管理员访问权限(如果已创建,则已经具有管理员访问权限)
- 免费的自定义标签应用(我喜欢使用静态HTML:iframe标签)
- 亚马逊aStore及其关联的链接
帮自己一个忙…让Facebook和Amazon Associate Central在单独的浏览器选项卡中打开(如果需要,甚至可以在单独的浏览器中打开)。这样,如果需要,您可以在两者之间来回切换。
添加应用
导航到Facebook中的应用程序(带有上面的链接),然后单击“安装”按钮将应用程序添加到您的页面。在下一个屏幕上,如果您管理多个Facebook页面,则该应用程序将要求您确认安装目标(安装应用程序的页面)。
选择适当的目标页面,然后单击“安装”按钮进行确认。是的,真的就是这么简单。
编辑标签内容
应用安装完成后,返回您的页面。您会发现一个名为“ Welcome!”的新标签。在屏幕上。单击它,让我们努力吧!
暂时不必担心标签的标题和图像,我们将在稍后介绍。
单击新的“欢迎”选项卡将带您进入此编辑屏幕。在这里,您将能够:
- 将您的“代码”托管在index.html部分中
- 在style.css和script.js部分中进一步组织代码(适用于高级用户)
- 更改标签设置
- 创建一个风扇门(我们将在另一个集线器中完成)
默认情况下,您将进入应用程序的index.html部分(这是我们进行所有工作的地方)。请删除该部分中的现有文本。
获取您的商店代码
在亚马逊的Associate Central中:
- 使用屏幕左上方的下拉菜单,选择适当的aStore跟踪ID。(只有在同一个帐户中有多个aStore的情况下,才有必要…如果只有一个aStore,则不必担心此步骤。)
- 点击左侧菜单中的“获取链接”。
- 该页面将显示一个名为“您的商店已发布!”的新屏幕。在公告的正下方,您会看到aStore链接的多个版本。
- 选择“使用嵌入式框架嵌入我的商店”选项。我们将略微修改此代码,以针对Facebook集成进行优化。
- 复制文本框中的所有代码,然后将其粘贴到Facebook中的应用程序(index.html部分)中。
我们将使用的代码应类似于:
安全网址
首次将链接代码粘贴到应用程序中时,您会看到一条警告消息,提示您的aStore URL不安全。不,该链接不会询问您其源代码是否看起来很胖。但是,某些浏览器可能无法正确显示您的aStore,因为它们没有“认为”该商店托管在安全服务器上。这一点在这里尤为重要,因为毕竟,我们不想让您的潜在客户在购物时变得偏执。
因此,首先是第一件事…将代码中的http://更改为http s://
调整显示尺寸
现在,我们将在Facebook页面中更改aStore的显示尺寸。
注意宽度设置为90%吗?好吧,这是浏览器计算为当前页面大小的90%。这绝对是不准确的…我们将宽度指定为815像素以适合iframe应用。
将width =“ 90%”更改为width =“ 815px”
我还建议将高度(明显)缩短到1000甚至1200像素。它将使您的内容更具约束力…
将height =“ 4000”更改为height =“ 1200px”
允许滚动
您的aStore可能会很长(甚至比指定的原始4000像素还要长)。如果产品描述太长并且也发布了多个产品评论,通常会发生这种情况。默认情况下,滚动是禁用的…它将截断超出指定高度的内容。由于我们不想限制您的aStore,因此我们将启用滚动。
将scrolling =“否”更改为scrolling =“是”
您完成的代码现在应如下所示:
不要忘记点击右上角的“保存并发布”按钮。您也可以随时使用旁边的“预览”按钮预览作品…
挑剔,挑剔…
好的,我在挑剔…我们在iframe应用中包含iframe代码。是的,这是多余的。是的,应该将其修复。但是,为了在本入门级指南中易于使用,我将其保留不变。不要判断我
定制按钮
现在,您的aStore集成已完成,您将需要那个讨厌的小“欢迎使用”!在首页上的按钮看起来更有意义,对吧?
- 返回您的Facebook页面的“前端”。
- 单击所有页面选项卡最右边的小按钮(带有向下的三角形)。
- 随着页面的扩展,将鼠标悬停在新的“ Welcome!”上。标签。
- 您会注意到标签上方出现了一个新图标(铅笔)。单击此图标可创建新的下拉菜单。
- 从下拉菜单中,单击“编辑设置”。
- 将出现一个弹出窗口,您可以在其中更改选项卡的名称并添加自定义图像以显示为按钮。
- 根据需要自定义标签。