bts防弹少年团演唱会

bts防弹少年团演唱会

“标签管理”如何提高网站性能

《“标签管理”如何提高网站性能》

%E4%BD%BF%E7%94%A8Google%E8%B7%9F%E8%B8%AA%E4%BB%A3%E7%A0%81%E7%AE%A1%E7%90%86%E5%99%A8%E8%BF%81%E7%A7%BB%E5%88%B0Universal” analytics>的顶级文章之后,我们收到了一些反馈意见,即有关标记和代码管理的一些背景知识会有所帮助。 我们听到了您,我们在这里揭开网站标签的神秘面纱以及如何使它们保持整洁。

无论如何,什么是“标签”?

有数百种服务可用于跟踪,广告,网站定制,并且通常会提高您衡量,覆盖和转换访问者的能力。 他们中的绝大多数都依靠javascript来跟踪您网站上访问者的活动,并报告或回应他们的行为。

当人们谈论“标签”时,他们谈论的是由Google Analytics,DoubleClick,AdRoll,Adobe SiteCatalyst等第三方服务提供的javascript片段。您带入网站的每个第三方工具都会提高您的能力覆盖和服务客户​​意味着向您的网站添加一个新的javascript – 也称为标记。

《“标签管理”如何提高网站性能》
您从Google Analytics获取的跟踪代码? 这是一个标签。

所有这一切都假设你甚至可以实现它们! 由于每个新工具都意味着必须将新的javascript放在您的网站上,无论是在整个网站还是在特定于规则的位置,这意味着您必须转向IT并让他们优先考虑您的标记需求。 即使您已完成所有设置,每次更改或故障排除会话都意味着IT队列中的另一个转弯,这可能会花费您数小时,数天或数周的数据。

以这种方式管理标签很快就会变得混乱,导致团队分开。 你不高兴,因为你的工具不起作用。 他们不高兴,因为他们必须重新安排他们的时间表来实施它们。 这导致了笨拙的团队建设练习,没有人想要那些。 (特别是当人力资源部的Dave意外地在你的撤退中得到了一个倒闭盒子,导致营销和IT之间的意外但不是非常积极的粘合体验,因为他们发誓要用剃须膏填满他的车,就在他们弄清楚谁会去的时候偷偷摸摸地喝咖啡。)

所有这些听起来都非常严峻,并且防止这些问题正是标签管理器存在的原因。

什么是跟踪代码管理器?

标记管理器是旨在完成两件主要事情的工具:

  • 最大限度地减少部署在网站和应用中的代码
  • 允许从单个区域管理许多代码而无需编辑站点或应用程序
《“标签管理”如何提高网站性能》
插入HTML5 Boilerplate的Google 跟踪代码管理器示例

标签管理器由两个主要组件组成,即管理平台和部署在您的网站或应用程序中的代码。 代码,如上面显示的示例,是一个插入您的网站或应用程序的javascript,通常在顶部附近,以便它可以提前加载和执行。

管理平台通常是一个菜单驱动的界面,允许您以adlib方式创建标签,您可以从中选择一组常用的跟踪和应用程序标签,并插入您的帐户详细信息,唯一ID,数据捕获标准等。

《“标签管理”如何提高网站性能》
Google跟踪代码管理器标记创建界面和菜单的示例。

标签管理员如何提高您获得转换的能力?

网站加载时间改善

简短版本是:如果您的网站由于使用跟踪代码超载而导致狗屎加载,那么您将失去第一次展示的宝贵时间,并且您的排名也可能受到影响。 它实际上花费你的钱来建立一个缓慢的网站。

请考虑Peep %E5%85%B3%E4%BA%8E%E6%8F%90%E9%AB%98%E7%BD%91%E7%AB%99%E9%80%9F%E5%BA%A6%E7%9A%84%E6%96%87%E7%AB%A0%E4%B8%AD%E7%9A%84%E4%BB%A5%E4%B8%8B%E7%BB%9F%E8%AE%A1%E4%BF%A1%E6%81%AF%EF%BC%9A”>

  • 47%的人希望在2秒或更短的时间内加载页面。
  • 57%放弃页面需要3秒或更长时间才能加载。
  • 8%的人报告缓慢的页面加载是放弃购买的原因。

它不仅会影响您的网站访问者,而且%E7%BD%91%E7%AB%99%E5%8A%A0%E8%BD%BD%E9%80%9F%E5%BA%A6%E7%BC%93%E6%85%A2

您添加到页面的外部资源调用越多,您就越有可能遇到页面加载速度下降的情况。 代码管理员使用一个javascript片段来控制您的代码,从而大大减少页面加载时对外部来源的请求数量。 该代码段也会异步加载,这意味着它会在严格的加载顺序之外与其他站点文件分开加载。

《“标签管理”如何提高网站性能》

许多单独的标签可能异步加载,但必须单独读取和执行。 该执行通常需要从页面请求信息,该信息仍然可以加载。 标记管理员通过减少访问者浏览器必须减少的代码调用次数来解决这个问题。 所有关于如何以及何时触发标签的计算都可以在页面的其余部分不间断加载时进行。

标签管理器使用%E5%86%85%E5%AE%B9%E5%88%86%E5%8F%91%E7%BD%91%E7%BB%9C” cdn>

另一种节省速度的方法是将多个标签共享的数据合并到一个区域中,该区域为所有标签提供信息,称为数据层。 例如,如果您将自己网站上的购买详情报告为Google Analytics电子商务, AdWords%E5%92%8CMarin%E8%BD%AF%E4%BB%B6%E7%9A%84%E8%BD%AC%E5%8C%96%EF%BC%8C%E5%88%99%E5%9C%A8%E6%AF%8F%E4%B8%AA%E6%A0%87%E8%AE%B0%E7%9A%84%E7%89%B9%E5%AE%9A%E8%AE%BE%E7%BD%AE%E4%B8%AD%EF%BC%8C%E5%8D%95%E7%8B%AC%E9%83%A8%E7%BD%B2%E6%AF%8F%E4%B8%AA%E8%B4%AD%E4%B9%B0%E4%BF%A1%E6%81%AF%E9%9C%80%E8%A6%81%E4%B8%89%E6%AC%A1%E8%AF%B7%E6%B1%82%E8%B4%AD%E4%B9%B0%E4%BF%A1%E6%81%AF%E3%80%82″>

避免或快速修复网站错误

希望您的网站加载速度更快,但想象一下您的某个标记遇到导致您网站的错误或标记驱动的关键功能完全失败的情况?

有趣的是,我记得至少有两个第三方标签提供商(一个加载javascript的信任标识和一个跟踪服务)在服务器上停机的情况,并且该代码的放置导致网站上的页面加载时间大幅增加已启用,并且至少在一个实例中导致整个页面在加载时失败。

《“标签管理”如何提高网站性能》
两个字:热门。 混乱。 这是毁灭整天的事情。

当时解决该问题的唯一方法是营销和IT协调审核整个站点并从其所在的每个地方拉出标签,同时将执行人员拉入呼叫,服务提供商与某人谈论接收网站停机补偿。 这是一场彻头彻尾的灾难。

由于javascript错误导致的减速和%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E5%A4%B1%E8%B4%A5%E4%B8%8D%E4%BB%85%E5%9C%A8%E6%9C%80%E7%B3%9F%E7%B3%95%E7%9A%84%E6%97%B6%E5%80%99%E6%88%90%E7%BE%A4%E7%BB%93%E9%98%9F%E5%9C%B0%E8%BD%AC%E7%A7%BB%E4%BA%86%E5%AE%A2%E6%88%B7%EF%BC%8C%E8%80%8C%E4%B8%94%E5%A6%82%E6%9E%9C%E4%BB%96%E4%BB%AC%E5%9B%A0%E4%B8%BA%E4%BD%A0%E5%B7%B2%E7%BB%8F%E5%A4%B1%E5%8E%BB

标签管理员通过为您提供一个勇敢的营销人员,一个允许您激活和停用标签的单一界面,以及设置%E8%A7%84%E5%88%99%E6%9D%A5%E7%AE%A1%E7%90%86%E6%A0%87%E7%AD%BE%E8%A7%A6%E5%8F%91%E7%9A%84%E6%97%B6%E9%97%B4%E5%92%8C%E6%96%B9%E5%BC%8F%E6%9D%A5%E8%A7%A3%E5%86%B3%E8%BF%99%E4%B8%AA%E9%97%AE%E9%A2%98“>

以Google代码管理器为例:

《“标签管理”如何提高网站性能》

从标签列表中选择违规标签。

《“标签管理”如何提高网站性能》

选择“删除此标记”选项。

《“标签管理”如何提高网站性能》

系统将提示您确认删除的选择。

《“标签管理”如何提高网站性能》

删除损坏的标记后,使用“创建版本”保存当前标记配置的副本,然后单击“发布”以实时更改。 您的网站会立即停止使用损坏的代码。

Google跟踪代码管理器中的这种应急管理方法依赖于以下关键功能: 版本 。 您可以创建一组标记并在它们之间切换。 像这样:

《“标签管理”如何提高网站性能》

选择以前保存的标记设置版本,该版本不包含损坏/违规标记,并通过单击该版本上的发布进行回滚。 此版本控制方面还允许您根据需要删除和创建标记,并能够以最小的努力根据需要发布不同的版本。

这会带来潜在的危机,可能会让您的日子陷入停顿,特别是对于IT和营销,并将其变成一个人可以在几分钟内解决的问题。 登录,停用违规标签,然后保存更改。 该标记将被停用,您的网站将恢复正常加载,您可以专注于跟进供应商如何弥补丢失的数据或功能。

拯救自己(和你的同事)的时间和精力

一次部署一个标记需要每次都对您的网站进行编辑。 这意味着研究如何部署标签,获取标签和指令给IT,等待部署,测试标签,然后确保一切都按照计划终于实现。

《“标签管理”如何提高网站性能》

资料来源: ScrumReferenceCard.com“>

自行管理网站的营销人员或独立企业家最终可能会陷入标签部署的技术复杂性。 这意味着花时间研究将标签插入网站的最佳方式,尝试使用不熟悉的代码,破坏内容,咒骂,获取不明智的第8杯咖啡,最糟糕的是可能由于部署困难而丢弃可能有价值的工具。

标记管理员最简单的方法是,需要在您的网站上部署一行代码。 一行代码意味着一次开发周期。 之后,任何对菜单驱动界面充满信心的人都可以随时将新标签部署到网站,没有线路,没有等待。 尽管%E5%AD%98%E5%9C%A8%E8%BF%99%E7%A7%8D%E8%87%AA%E7%94%B1

这一看似奇迹般的一线代码规则统一的主要观点是:某些事情,例如电子商务跟踪,需要一些IT参与,因为它涉及设置所谓的“ %E6%95%B0%E6%8D%AE%E5%B1%82“>

Google发布了%E4%B8%80%E4%BA%9B%E4%BD%BF%E7%94%A8Google%E8%B7%9F%E8%B8%AA%E4%BB%A3%E7%A0%81%E7%AE%A1%E7%90%86%E5%99%A8%E7%9A%84%E5%85%AC%E5%8F%B8%E7%9A%84

我对标签管理员的选择是什么?

《“标签管理”如何提高网站性能》

许多人的首选是Google跟踪代码管理器。 与大多数流行的Google产品一样,它是免费的。 它拥有适用于Google Analytics,AdWords,DoubleClick以及其他一些常用测量和广告工具的完整实施模板。 它有很多强大的选项和工具,比如上面提到的版本控制方面,以及Yehoshua” coren>的一些非常强大的功能。

《“标签管理”如何提高网站性能》

然而,谷歌密码管理器的主要缺点是,在基本的模板驱动部署之外,它可能会很快变得复杂。 电子商务实施需要前面提到的数据层,这需要研究和部署。 事件之类的事情需要研究才能理解如何正确实施。

因为它是免费服务,它意味着自己研究所有这些事情的解决方案。 但是,因为它是一个受欢迎的Google产品,所以有文档,一组%E4%B8%93%E7%94%A8%E8%AE%BA%E5%9D%9B%EF%BC%8C%E5%BD%93%E7%84%B6%E8%BF%98%E6%9C%89%E8%AE%B8%E5%A4%9A%E6%9D%A5%E8%87%AA%E5%B7%B2%E8%BE%BE%E5%88%B0%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E7%9A%84%E7%94%A8%E6%88%B7%E7%9A%84%E6%96%87%E7%AB%A0%E3%80%82″>

《“标签管理”如何提高网站性能》

Filament.io – Filament.io有一个套件,他们称之为“应用程序”,你可以安装,如谷歌分析,社交分享工具和MailChimp电子邮件表格。 您的大部分代码都将通过他们称为CodeDrop的应用进行管理,该应用允许将任何类型的自定义代码添加到您的网站。

《“标签管理”如何提高网站性能》

他们说他们是一个UX和设计公司,它显示! 非常友好的界面,包括成功消息,首次使用的提示等许多小动作,使得它非常容易上手。 它有一个WYSIWYG编辑器,可以让你将各种代码块拖放到你的网站上。 它通过插件进行WordPress集成,以及一些特定于WordPress的其他过滤器选项。

《“标签管理”如何提高网站性能》

缺点是它们还没有很多标签作为应用程序实现,因此大多数部署都将通过CodeDrop进行。 在电子商务跟踪的情况下,它可能意味着一些IT(或至少是代码精通)的参与。 似乎也没有CDN来加速标签交付。

这是一项免费服务,具有Pro升级选项,可让您访问一对一的帮助。

《“标签管理”如何提高网站性能》

Tealium%E6%98%AF%E4%B8%80%E7%A7%8D%E4%BB%98%E8%B4%B9%E6%A0%87%E7%AD%BE%E7%AE%A1%E7%90%86%E6%9C%8D%E5%8A%A1%E3%80%82″>

《“标签管理”如何提高网站性能》

他们拥有的工具允许营销人员和IT专业人员检查已部署标签的%E4%BD%8D%E7%BD%AE%E5%92%8C%E6%80%A7%E8%83%BD” tealium>

他们有一些%E6%A1%88%E4%BE%8B%E7%A0%94%E7%A9%B6%E5%92%8C%E7%99%BD%E7%9A%AE%E4%B9%A6“>

因为他们被定位为企业解决方案,他们的%E8%AE%A1%E5%88%92%E8%B5%B7%E4%BB%B7%E4%B8%BA%E6%AF%8F%E6%9C%88149%E7%BE%8E%E5%85%83%EF%BC%8C%E5%B9%B6%E4%BB%8E%E9%82%A3%E9%87%8C%E4%B8%8A%E5%8D%87%E3%80%82″>

《“标签管理”如何提高网站性能》

Ensighten%E6%98%AF%E5%8F%A6%E4%B8%80%E9%A1%B9%E4%BC%98%E8%B4%A8%E6%9C%8D%E5%8A%A1;” manage>保护伞。

%E4%BB%96%E4%BB%AC%E7%9A%84%E4%BA%8B%E5%AE%9E%E9%A1%B5%E9%9D%A2%E4%B8%8A” tag delivery network>

《“标签管理”如何提高网站性能》

他们的定价是基于数量的,所以你必须联系他们以了解定价。 就在上个月,他们被Inc.杂志授予荣誉,在他们着名的公司500 | 5000名单上获得第147名,将他们定位为拥有强大基础的公司。

《“标签管理”如何提高网站性能》

说到成熟的公司,Adobe还提供%E6%A0%87%E7%AD%BE%E7%AE%A1%E7%90%86%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88“>

结论

如果您当前正在独立代码段中部署所有javascript,请停止。

使用标记管理器可以获得大量的性能优化,而标记管理器并不像号召性用语目标网页设计那么明显。 这也可以在内部团队协作和执行实际上有所作为的工作方式上产生巨大差异。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注