横幅、横幅、Flash 和 HTML5
Posted: Tue Jan 07, 2025 6:02 am
在 Red Orbit，我们和我们的客户经常遇到广告（横幅）在技术上不符合 Google 展示网络（相当）严格的要求的问题。在过去的几个月里……事实上，在过去的两年里，设计师们特别流行用一种（对于广告来说全新的）技术符号——HTML5（HTML 的最新版本——超文本标记语言）来准备广告。 ，与 Flash 一样，它允许我们在线创建动画图形内容。 HTML5 在前端世界中并不是热水。几乎每个网站都是用它编写的（警告：新手短语）。因此，这是一种撰写广告或我们的设计语言与网站其余部分的编写语言相同。
那么到目前为止广告还不是用 HTML 编写的吗？
不。 2005年，当谷歌推出YouTube时，它是Flash技术的顶峰。这实际上使我们能够观看该视频。我们的广告和横幅也是用 Flash 制作的 - 多年来，这是我们设计师在网络上制作动画广告横幅和图形元素的主要格式。如果您看到广告中有闪烁、移动或变化的内容，则该广告是用 Flash 制作的。
正如时间超越了磁带、录像机、随身听、CD 和 Internet Explorer 一样，Flash 也随着新技术的出现而被超越。苹果巨头史蒂夫·乔布斯早在 2010 年就宣布，他们的“i 产品”，不仅是 iPhone，还有 iPad 和 iPod，将不支持 Flash 技术，因为据称该技术太耗能了（电池消耗问题） ）并且在移动浏览器上不可靠。去年夏天，谷歌也意识到了同样的事情，因为在其旗舰版谷歌Chrome浏览器中，它开始自动停止包含Flash内容的网页的所有部分。
但既然我们已经习惯了 Flash，为什么还要放弃它呢？
这会很简单。造成这种情况的原因有很多，它们都会对动画横幅广告的覆盖面产生巨大影响。即使您目前还没有感受到 Flash 动画广告的衰落对您的广告效果的影响，以下 5 个原因肯定至少会让您思考（如果没有转化）。
Flash 广告不适用于大多数移动设备 （平板电脑和手机）。仅此一项就已经是一个足够可怕的数字了，尤其是在我们知道移动设备使用份额正在呈指数级增长的情况下，甚至同比增长了 67.6%。此外，越来越多的交易份额是由移动设备贡献的。这是一个不容忽视的优势。
谷歌将不再允许Flash广告。今年年初，谷歌宣布，今年6月将放弃在 芬兰电报数据库 其广告网络中加载Flash动画广告横幅的可能性，并从2017年1月2日起，其显示将完全禁用。因此，如果您不将广告横幅迁移到 HTML5 技术，您将不再出现在 Google 广告网络上。这才是争论真正结束的地方。然而，HTML5 广告还有其他优势。继续阅读...
HTML5 广告可以更快地制作。使用 HTML，可以采用更灵活的方法来准备广告素材，因为可以完全避免用户界面，例如，我们只修正广告上的价格。让我们修复 HTML，从 €139 到 €137，CTRL + S，压缩它，瞧！当然，如果您以前用 HTML 编写过一些东西，那就太好了。
使用动态内容。 HTML5 允许使用动态适应的内容。您的广告可以例如他们会倒计时直到促销优惠结束，并根据个人用户看到您的广告的时间进行实时调整。如果您销售的产品种类繁多，您还可以交换不同的产品、调整广告中的价格或库存。
用专业的动画库升级广告。不久之后，Google 宣布现在也允许实现 Greensock 和 CreateJS等外部动画库。有了它们，我们可以创建所谓的超高性能动画和各种丰富的内容。说真的，谷歌一下！这是 巨大的。
好的，我明白了。我需要 HTML5 广告。现在怎么办？又只有你知道吗？
哈哈，我就等你问了。不，不，当然不是。任何读过这篇文章的人都会知道这一点。您可以通过多种方式来准备 HTML5 广告素材。而且您甚至不需要精通 HTML。秘密在于以下软件解决方案：
Google Web Designer，在撰写本文时仍处于测试阶段。 Google对Flash问题的解决方案，是一个能做很多事情的工具，但同时也造成了很多白发——主要是因为程序有时真的会失败。贝塔。另一方面，它的美妙之处在于它是一个 Google 工具，并且能够与 Google AdWords 或 Google DoubleClick 完美配合。
有关 Google Web Designer 软件的更多信息。
Adobe Animate CC（以前称为 Adobe Flash），对于所有一直使用 Flash 制作广告的人来说，这是个好消息。一个月前，Adobe Flash 更名为 Adobe Animate CC，该程序的界面与以前相同，只是编写方式可以导出真正的 HTML5 广告。
有关 Adobe Animate CC 软件的更多信息。
Adobe Edge Animate，也许有些人很熟悉，但不幸的是不再流行，因为 Adobe 去年 11 月停止开发它，正是因为它完全重写了前面提到的 Adobe Animate CC，现在几乎所有功能都可以在那里找到。
那么在制作广告时应该注意什么？
嗯，正如简介中提到的，当我们向 Google 展示广告网络提交广告时，Google 有相当严格的要求。为了让我们的Google AdWords团队的工作顺利进行，您可以在此处找到准备广告所需的所有详细信息 ，我将为您总结以下内容：
坚持标准尺寸。
如果您要在 Google Web Designer 之外的任何地方创建广告，请使用 HTML 标头中的元数据定义广告尺寸，如下所示 <meta name="ad.size" content="width=300, height=250">。
最终导出的 .zip 文件不应超过 150 KB。我知道，这会很有趣。缩略图就能解决问题。 这 是一个可以额外“压缩”已经压缩的 .jpg、.png 的工具。
所有引用的文件必须包含在最终导出的 .zip 文件中，且数量不得超过 40 个。
保留源文件，这应该作为改编时的起点。
有意义地命名源文件夹和最终导出文件。添加您正在准备的广告的项目名称、版本和尺寸。相信我，一旦你制作了 10 个以上，很快就会出现混乱。
例子：。company-imeprojekta-gdn-razlicica-160x600px-export.zip
将同一组的每个新维度准备为新项目（新文档），而不是作为先前维度的改编 - 而是作为“文件 - 新建”，然后导出。在导出过程中，程序会添加一些ID，如果仅更改内容，稍后可能会导致问题。
使广告中尽可能多的元素充满活力 - 例如文本应该是实际文本（而不是缩略图），因为这样校对会更容易/更快 - 仅编辑 HTML 文档会更有效。
请让您的生活更轻松，并为文档中的图层命名，向元素添加 ID，因为这样校对/改编会更容易/更快。
切勿丢弃源文件，例如Photoshop，您在其中准备创意，这些也应该采用干净的源格式 - SmartObjects，而不是“拼合图层”，其内容也应该按文件夹、颜色、名称组织......
还将广告中使用的所有版式附加到工作文件夹中，以防其他人而不是在您的计算机上进行可能的调整。
那么到目前为止广告还不是用 HTML 编写的吗？
不。 2005年，当谷歌推出YouTube时，它是Flash技术的顶峰。这实际上使我们能够观看该视频。我们的广告和横幅也是用 Flash 制作的 - 多年来，这是我们设计师在网络上制作动画广告横幅和图形元素的主要格式。如果您看到广告中有闪烁、移动或变化的内容，则该广告是用 Flash 制作的。
正如时间超越了磁带、录像机、随身听、CD 和 Internet Explorer 一样，Flash 也随着新技术的出现而被超越。苹果巨头史蒂夫·乔布斯早在 2010 年就宣布，他们的“i 产品”，不仅是 iPhone，还有 iPad 和 iPod，将不支持 Flash 技术，因为据称该技术太耗能了（电池消耗问题） ）并且在移动浏览器上不可靠。去年夏天，谷歌也意识到了同样的事情，因为在其旗舰版谷歌Chrome浏览器中，它开始自动停止包含Flash内容的网页的所有部分。
但既然我们已经习惯了 Flash，为什么还要放弃它呢？
这会很简单。造成这种情况的原因有很多，它们都会对动画横幅广告的覆盖面产生巨大影响。即使您目前还没有感受到 Flash 动画广告的衰落对您的广告效果的影响，以下 5 个原因肯定至少会让您思考（如果没有转化）。
Flash 广告不适用于大多数移动设备 （平板电脑和手机）。仅此一项就已经是一个足够可怕的数字了，尤其是在我们知道移动设备使用份额正在呈指数级增长的情况下，甚至同比增长了 67.6%。此外，越来越多的交易份额是由移动设备贡献的。这是一个不容忽视的优势。
谷歌将不再允许Flash广告。今年年初，谷歌宣布，今年6月将放弃在 芬兰电报数据库 其广告网络中加载Flash动画广告横幅的可能性，并从2017年1月2日起，其显示将完全禁用。因此，如果您不将广告横幅迁移到 HTML5 技术，您将不再出现在 Google 广告网络上。这才是争论真正结束的地方。然而，HTML5 广告还有其他优势。继续阅读...
HTML5 广告可以更快地制作。使用 HTML，可以采用更灵活的方法来准备广告素材，因为可以完全避免用户界面，例如，我们只修正广告上的价格。让我们修复 HTML，从 €139 到 €137，CTRL + S，压缩它，瞧！当然，如果您以前用 HTML 编写过一些东西，那就太好了。
使用动态内容。 HTML5 允许使用动态适应的内容。您的广告可以例如他们会倒计时直到促销优惠结束，并根据个人用户看到您的广告的时间进行实时调整。如果您销售的产品种类繁多，您还可以交换不同的产品、调整广告中的价格或库存。
用专业的动画库升级广告。不久之后，Google 宣布现在也允许实现 Greensock 和 CreateJS等外部动画库。有了它们，我们可以创建所谓的超高性能动画和各种丰富的内容。说真的，谷歌一下！这是 巨大的。
好的，我明白了。我需要 HTML5 广告。现在怎么办？又只有你知道吗？
哈哈，我就等你问了。不，不，当然不是。任何读过这篇文章的人都会知道这一点。您可以通过多种方式来准备 HTML5 广告素材。而且您甚至不需要精通 HTML。秘密在于以下软件解决方案：
Google Web Designer，在撰写本文时仍处于测试阶段。 Google对Flash问题的解决方案，是一个能做很多事情的工具，但同时也造成了很多白发——主要是因为程序有时真的会失败。贝塔。另一方面，它的美妙之处在于它是一个 Google 工具，并且能够与 Google AdWords 或 Google DoubleClick 完美配合。
有关 Google Web Designer 软件的更多信息。
Adobe Animate CC（以前称为 Adobe Flash），对于所有一直使用 Flash 制作广告的人来说，这是个好消息。一个月前，Adobe Flash 更名为 Adobe Animate CC，该程序的界面与以前相同，只是编写方式可以导出真正的 HTML5 广告。
有关 Adobe Animate CC 软件的更多信息。
Adobe Edge Animate，也许有些人很熟悉，但不幸的是不再流行，因为 Adobe 去年 11 月停止开发它，正是因为它完全重写了前面提到的 Adobe Animate CC，现在几乎所有功能都可以在那里找到。
那么在制作广告时应该注意什么？
嗯，正如简介中提到的，当我们向 Google 展示广告网络提交广告时，Google 有相当严格的要求。为了让我们的Google AdWords团队的工作顺利进行，您可以在此处找到准备广告所需的所有详细信息 ，我将为您总结以下内容：
坚持标准尺寸。
如果您要在 Google Web Designer 之外的任何地方创建广告，请使用 HTML 标头中的元数据定义广告尺寸，如下所示 <meta name="ad.size" content="width=300, height=250">。
最终导出的 .zip 文件不应超过 150 KB。我知道，这会很有趣。缩略图就能解决问题。 这 是一个可以额外“压缩”已经压缩的 .jpg、.png 的工具。
所有引用的文件必须包含在最终导出的 .zip 文件中，且数量不得超过 40 个。
保留源文件，这应该作为改编时的起点。
有意义地命名源文件夹和最终导出文件。添加您正在准备的广告的项目名称、版本和尺寸。相信我，一旦你制作了 10 个以上，很快就会出现混乱。
例子：。company-imeprojekta-gdn-razlicica-160x600px-export.zip
将同一组的每个新维度准备为新项目（新文档），而不是作为先前维度的改编 - 而是作为“文件 - 新建”，然后导出。在导出过程中，程序会添加一些ID，如果仅更改内容，稍后可能会导致问题。
使广告中尽可能多的元素充满活力 - 例如文本应该是实际文本（而不是缩略图），因为这样校对会更容易/更快 - 仅编辑 HTML 文档会更有效。
请让您的生活更轻松，并为文档中的图层命名，向元素添加 ID，因为这样校对/改编会更容易/更快。
切勿丢弃源文件，例如Photoshop，您在其中准备创意，这些也应该采用干净的源格式 - SmartObjects，而不是“拼合图层”，其内容也应该按文件夹、颜色、名称组织......
还将广告中使用的所有版式附加到工作文件夹中，以防其他人而不是在您的计算机上进行可能的调整。