第三方视频托管数据使用和隐私
有关嵌入第三方视频托管提供商的视频的担忧包括:
- 不必要的数据消耗:无论访客是否选择播放视频,都会加载外部视频播放器脚本和样式。
- 隐私和跟踪:像YouTube这样的“免费”视频托管提供商跟踪您的访客,无论他们是否同意。
有几种方法可以解决这些问题,包括:
- 亲自主持您的视频;利用原生WordPress视频块来显示它们。
- 启用类似的插件嵌入隐私并在加载第三方脚本之前获得访问者的同意。
在本文中,我将以YouTube为例,因为YouTube是一个常见的视频源,它比写“第三个”更容易–派对视频托管提供商”。经证明,该解决方案适用于任何可想象的嵌入。
目录
嵌入式隐私有什么帮助?
通常,当您嵌入YouTube视频时,WordPress会在页面加载时立即加载其外部播放器脚本。嵌入隐私确保无通信在YouTube上进行,直到访问者点击具有关于隐私策略的信息的覆盖。
不自动加载播放器脚本可减少85%的网络流量
在我的测试中,一篇只嵌入了YouTube的博客文章1500 KB传输数据的数量,7个跟踪脚本和2套cookie也就是说,之前我点击播放。
启用嵌入隐私后,数据最初传输减少到仅234 KB,没有跟踪脚本或Cookie。直到我真正点击play,玩家才被加载。这显著减少了传输的数据,并明显缩短了加载时间,尤其是在连接速度较慢的情况下。
与本地托管相比,嵌入隐私的流量
使用三个不同的WordPress块嵌入视频,我测量了传输的数据…
- 启用了嵌入式隐私(EP),之前单击播放。
- 加载播放器脚本时。
- 播放完成后总计。
WordPress块 | 带EP | 玩家已加载 | 已完成播放 |
---|
YouTube网站 | 234 KB | 1500 KB | 20.8 MB |
视频媒体 | 152 KB | 2000 KB | 24.0 MB |
视频(自托管) | 120 KB | 120 KB | 13.7 MB |
页面大小与嵌入隐私,最初,与播放器加载和播放完成
注意到本地视频(自托管)块的120 KB播放器加载测量值吗?这不是一个错误。由于WordPress视频块只呈现HTML视频元素,因此不需要额外的播放器脚本。
视频服务的能源成本受压缩设置、视频类型和数据中心位置的影响。本次比较的目的不是要判断一种视频托管服务是否优于另一种,而是要证明数据传输节省和隐私影响。
带有覆盖的YouTube视频嵌入块
要嵌入YouTube视频,请单击⮫ 分享按钮,复制给定的URL并将其粘贴到块编辑器中。块编辑器将URL标识为YouTube视频,并插入YouTube嵌入块。
这通常会显示视频缩略图和YouTube上的红色播放按钮。启用“嵌入隐私”后,会显示一个占位符图像(海报)和一个包含指向YouTube隐私政策链接的覆盖图。
如果我只是向你展示:
现在,在向YouTube发送任何数据之前,访问者可以选择阅读并同意YouTube的隐私政策。它添加了一个额外的点击,真的。但是,如果你不同意的话,你必须在弹出的cookie中获得同意。
带覆盖的VideoPress视频嵌入块
嵌入视频的步骤学习。WordPress.org网站,单击共享按钮⮫在视频的右上角。将URL粘贴到块编辑器中,然后插入VideoPress块。
学习上的一些视频。WordPress.org由VideoPress.com提供服务。下面是之前显示的同一视频的Videoress版本。值得一提的是,VideoPress版本提供了适当的字幕。
这个由VideoPress.com提供的特别视频比YouTube上的视频要大。但YouTube提供广告服务。然后,你的视频可能会在YouTube上被发现更多。
带有本地MP4的核心WordPress视频块
你可以上传视频到你的网站,自己托管,然后使用WordPress视频块提供服务。
在前端,将使用本机HTML视频元素来显示视频。所有现代浏览器都提供速度、字幕、全屏和画中画模式等播放设置。
HTML视频元素不依赖第三方脚本。因此,“页面加载”和“玩家加载”的大小显然是相同的。它不依赖于cookie或跟踪你。
本地托管的缺点很少,但很重要
- 你必须手动压缩视频。
- 如果你想提出不同的解决方案,那就需要做更多的工作。
- 视频很大,因此需要考虑托管存储和带宽。
- 你不会从YouTube的算法中发现你的视频。
就个人而言,我喜欢完全控制我的内容,并提供尊重隐私的观看体验,所以我主要是自己主持视频。
本机MPEG-4/H.264视频资源和提示
嵌入Spotify的播客
如前所述,Embed Privacy支持块编辑器中可用的大多数(如果不是全部)嵌入。以下是Spotify-mbeds的一些示例。顺便说一句,很棒的播客;一定要检查一下。
如何分析网站的碳排放
评估一下你的网站的碳足迹,并开始减少碳足迹。有一些很棒的工具可以支持我们完成这项任务。本集的主题包括:网站的碳足迹是什么?有什么工具可以测量碳排放量?为什么每种工具都要求不同的二氧化碳排放量,以及如何使用它?
2024年3月,绿色网络播客
维塔利·弗里德曼(Vitaly Friedman)……更清洁的网页设计,创造更好的环境。
在过去的十年里,网页已经变大了十倍,一个特定网页高达80%的重量可能是浪费的,并且网页运行不需要代码。网页设计师和开发人员根本不在乎吗?Vitaly Friedman认为,他们确实很关心,但他们需要更好的无障碍、可用性和可持续性教育。
2024年1月,全球废弃物与Gerry McGovern合作这是HCD
与迈克尔·安徒生合著的《构建可持续的世界网络》
“Michael一直热衷于解决问题和利用技术创造一个更美好的世界。这使得Michael创建了“可持续WWW”,这是一个非盈利组织,专注于传播关于可持续网页设计和开发的知识,并创作了一本书《20课中的可持续网页设计》,于2023年3月出版。”
2024年2月,EcoSend播客
用于Spotify Embed覆盖的自定义样式
为了避免布局变化,以及用从播客中挑选的颜色“标记”覆盖背景色,我在下面使用了这一点CSS。它是完全可选的,不需要嵌入隐私才能工作。
/**嵌入隐私WordPress Spotify Block样式2024-03-20**//**在块设置中;禁用“为较小的设备调整大小”**//*Spotify iframe至少有152px高。确保我们的包装也是*/.wp-block-embed.is-provider-spotify.wp-block-embed__wrapper,.wp-block-embed.is-provider-spotify.embed-privacy-overlay{最小高度:152px;}/*spotify嵌入的适当纵横比*/.wp-block-embed.is-provider-spotify.embed-privacy-container,.wp-block-embed.is-provider-spotify.embed-privacy-overlay{纵横比:96/19;边距:16px;}/*使WCAG的默认文本颜色稍微亮一点*/.wp-block-embed.is-provider-spotify.embed-privacy-container a,.wp-block-embed.is-provider-spotify.embed-privacy-overlay:是(p,标签){颜色:#eee;}/*设置特定于播客的背景颜色,默认为spotify风格*/.wp-block-embed.is-provider-spotify.embed-privacy-container{背景颜色:var(--embed-spotify-background-color,#137C38);过滤器:下拉阴影(0 4px 4px#0002);}/*使非活动覆盖层稍微暗一点*/.wp-block-embed.is-provider-spotify.embed隐私覆盖{背景色:rgba(0,0,0,1.2);}/*取消设置悬停覆盖,显示播客特定背景*/.wp-block-embed.is-provider-spotify.embed-privacy-overlay:悬停{背景色:rgba(0,0,0);}/*覆盖层变得不太高,因此减少间距*/.wp-block-embed.is-provider-spotify.embed-privacy-overlay{padding:var(--wp--预设--间距--30,0.67rem);font-size:var(--wp--预置--font-size--小,小);线高:var(--wp——预设——间距——50,1.5rem);--主题内容间距:var(--wp--预设--间距--20,0.44rem);}/*由于容器较小,缩小徽标和边距*/.wp-block-embed.is-provider-spotify.embed-privacy-logo{高度:var(--wp--预置--字体大小--中等,1.5em);margin-bottom:var(--wp--预设--间距--20,0.44rem);}/*“始终加载”复选框的字体大小最小*/.wp-block-embed.is-provider-spotify.embed-privacy-input-wrapper{font-size:var(--wp--预置--font-size--x-small,x-small);}/*以平衡的方式将任何标题包裹在Spotify图片下方(可选)*/.wp-block-embed.is-provider-spotify图形标题{text-wrap:平衡;}/**嵌入隐私隐藏屏幕阅读器文本颜色触发对比度警告**//**按钮被其他方式隐藏,因此重置颜色以传递wcag**/:where(.embedd-privacy-container).屏幕阅读器-文本{颜色:黑色;背景:白色;}/**播客系列特定背景色(可选)**//**在spotify块上设置适当的is-provider-spotify--[podcast]类**//**Sandy Dähnert的《绿色网络》**/.wp-block-embed.is-provider-spotify-greentheweb{--embed-spotify-background-color:#083830;}/**通过HCD播客的全球垃圾**/.wp-block-embed.is-provider-spotify-全球垃圾{--embed-spotify-background-color:#080070;}/**EcoSend播客**/.wp-block-embed.is-provider-spotify-ecosend{--嵌入spotify背景颜色:#1C8259;}
关于嵌入隐私的结论;我学到了什么
可以根据需要启用和禁用
请记住,Embed Privacy插件只是添加了核心Embed块的功能。确实如此不提供一些新的隐私增强块供您使用。这意味着,您可以在现有网站上启用“嵌入隐私”,并立即获得好处,如果您不喜欢它或正在排除故障,则可以禁用它。
不加载第三方播放器脚本或跟踪代码,可以节省网络流量。显然,如果访问者选择播放视频,则会加载脚本。
大幅提高隐私
定期嵌入与YouTube及其对等网站立即共享访问者数据。嵌入隐私消除了这一点,直到访问者主动点击播放。隐私政策随时可用于做出明智的决定。
提供自动缩略图生成
缩略图或海报图像是为某些流行视频提供商(包括YouTube和Vimeo)自动创建的。对于其他人,可以选择手动上传的缩略图。
自动生成缩略图的自动压缩
缩略图存储在/wp-content/uploads/embed-privacy
这些通常优化得不好,所以如果你使用WordPress的自动图像压缩插件,比如EWWW公司,请考虑将该URL添加到要优化的文件夹.
嵌入隐私可以定制和扩展
每个WordPress支持oEmbed开箱即用,您可以自定义覆盖文本、覆盖背景和链接到隐私策略。
在多语言网站上工作,但要保持警惕
像PolyLang这样的插件允许您用多种语言创建内容。Embed Privacy完全支持这一点,例如,您可以链接到英语嵌入的英语隐私政策,以及丹麦嵌入的丹麦隐私政策。
确保您为正确的语言编辑“嵌入隐私”设置;否则,正确的嵌入覆盖将无法生效。不要问我是怎么知道的。
这不是这条街上唯一的孩子😉
另一个具有类似功能的插件是更好的核心视频嵌入由HighRise Digital提供。据我所知,他们的不同之处在于,它没有链接到覆盖图中的隐私政策,这是你可以在标题中做的事情,并且它支持手动将缩略图上传到每个视频块。它支持YouTube、Vimeo或Dailymotion,这对你来说可能已经足够了。
第三个友好的插件是Beleaf偷懒嵌入支持YouTube、Vimeo和Dailymotion。这是一个简单的插件,我强烈建议您检查一下,尤其是如果您不需要其他嵌入源、选项,因此嵌入式隐私的潜在复杂性
嵌入隐私有助于减少94%的碳排放
根据信标首席执行官2本页每次浏览的排放量为:
- 1239毫克一氧化碳2默认情况下,分级为F
- 77毫克一氧化碳2嵌入隐私,A级+
当然,只有在视频和播客未播放的情况下,这才是正确的。
你应该为WordPress安装嵌入式隐私吗?
如果你嵌入了什么?是的,一定要试一试。它是现成的预配置,可以与WordPress中的任何嵌入内容一起使用。您不必以任何方式编辑嵌入内容。性能提升和隐私改进令人印象深刻。如果你不喜欢它,那就禁用它。它不会留下任何痕迹。