DV360 и Trade Desk в баннерном видео всегда получают сообщение об ошибке SSL-Non-совместимости ⇐ Html

[Anonymous]

Я пытаюсь создать видео в баннере для публикации на DV360 и/или TTD. Это очень простая структура, состоящая из HTML, JavaScript и сжатого видео в отдельной папке. Все это архивируется и загружается на упомянутые рекламные платформы. Объявление (видео с кнопкой «Нажмите здесь, чтобы увидеть больше» ниже) всегда отлично работает в разных браузерах, но во всех них возникает одна и та же ошибка, когда мы пытаемся его опубликовать:

Нам не удалось сохранить ваше объявление, поскольку оно не поддерживает SSL. Проверьте незащищенные URL-адреса (http), которые могут повлиять на совместимость SSL. 1824

Эта ошибка отмечается, если у вас есть ссылки http вместо https. Внешние ссылки на видео и в кнопке «Нажмите здесь, чтобы увидеть больше» всегда были https.
Я писал код напрямую (VS Code), использовал Google Web Designer и обратился за советом к Claude + ChatGPT. Я изменил mp4 на webm, сжал оба и удалил их метаданные. Я пробовал заменить свой zip-компрессор с WinRAR на тот, который установлен в Windows.
Теоретически, DV360 позволяет создавать видео в формате mp4 и webm (хотя в их информации иногда говорится, что да, иногда нет). Я протестировал рекламу с видео, размещенным в CDN Google, и ссылкой на него в HTML. Это работает правильно, но я предпочитаю загружать видеофайл вместе с файлами HTML (и т. д.) в одном ZIP-архиве, чтобы избежать дополнительных затрат на CDN.
Может ли это быть не так, или есть решение, которое позволяет это загрузить:
zipfile.zip
assets folder
|_____ video.mp4
index.html
(A whole bunch of GWD js files)

Вот индексный файл из GWD:


















.gwd-lightbox {
overflow: hidden;
}

gwd-page { display: block; } .gwd-inactive { visibility: hidden; }

.gwd-pagedeck { position: relative; display: block; } .gwd-pagedeck > .gwd-page.transparent { opacity: 0; } .gwd-pagedeck > .gwd-page { position: absolute; top: 0px; left: 0px; transition-property: transform, opacity; } .gwd-pagedeck > .gwd-page.linear { transition-timing-function: linear; } .gwd-pagedeck > .gwd-page.ease-in { transition-timing-function: ease-in; } .gwd-pagedeck > .gwd-page.ease-out { transition-timing-function: ease-out; } .gwd-pagedeck > .gwd-page.ease { transition-timing-function: ease; } .gwd-pagedeck > .gwd-page.ease-in-out { transition-timing-function: ease-in-out; } .ease *, .ease-in *, .ease-in-out *, .ease-out *, .linear * { transform: translateZ(0px); }

gwd-page.fs { border: none; }

gwd-taparea { display: block; cursor: pointer; background-color: transparent; user-select: none; }

.has-fullscreen-gwd-video { width: 100% !important; height: 100% !important; clip-path: none !important; top: 0px !important; left: 0px !important; margin: 0px !important; padding: 0px !important; border: none !important; } gwd-video { display: inline-block; } gwd-video > div.intermediate-element { width: 100%; height: 100%; transform-style: unset; } gwd-video > div.intermediate-element > video { display: block; width: 100%; height: 100%; }

gwd-attached { display: none; }


html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-style: preserve-3d;
position: absolute;
background-color: transparent;
}
.gwd-page-content * {
transform-style: preserve-3d;
}
.gwd-page-wrapper {
position: absolute;
transform: translateZ(0px);
background-color: rgb(255, 255, 255);
}
.gwd-page-size {
width: 300px;
height: 600px;
}
#border-wrapper {
position: absolute;
border: 1px solid rgb(102, 102, 102);
width: 300px;
height: 600px;
}
.gwd-taparea-lrtv {
display: block;
position: absolute;
min-width: 0px;
width: 300px;
height: 470px;
left: 0px;
top: 0px;
}
.gwd-span-qmsw {
border-color: rgb(204, 204, 204);
color: rgb(204, 204, 204);
font-family: Roboto;
font-size: 30px;
outline-color: rgb(204, 204, 204);
text-decoration: none;
z-index: 0;
column-rule-color: rgb(204, 204, 204);
text-emphasis-color: rgb(204, 204, 204);
-webkit-text-fill-color: rgb(204, 204, 204);
-webkit-text-stroke-color: rgb(204, 204, 204);
width: 555px;
height: 102.167px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-style: preserve-3d;
}
.gwd-div-3x4w {
position: absolute;
line-height: 36px;
top: 550px;
margin: 0px;
text-align: center;
width: 232px;
height: 35px;
font-family: Arial;
font-weight: bold;
font-size: 20px;
left: 34px;
color: rgb(255, 255, 255);
}
.gwd-div-ge4g {
background-image: none;
width: 100%;
height: 100%;
background-color: rgb(216, 218, 227);
}
.gwd-div-a9ax {
width: 100%;
height: 100%;
}
.gwd-taparea-etyk {
position: absolute;
width: 300px;
height: 67px;
left: 0px;
top: 534px;
}
.gwd-rect-1mq9 {
position: absolute;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-radius: 17px;
background-image: none;
background-color: rgb(0, 61, 246);
height: 36px;
top: 549px;
width: 202px;
left: 49px;
border-image-source: none;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
border-color: rgb(72, 72, 72);
}
.gwd-svg-1rss {
position: absolute;
box-sizing: border-box;
border-style: solid;
border-color: rgb(0, 0, 0);
width: 300px;
background-image: none;
left: 0px;
height: 70px;
border-width: 0px;
background-color: rgb(255, 255, 255);
top: 530px;
}
.gwd-video-t4ra {
position: absolute;
height: 533px;
top: 0px;
left: 0px;
width: 300px;
}





gwd.auto_Background_exitClick1 = function(event) {
// GWD Predefined Function
gwd.actions.gwdGoogleAd.exit('gwd-ad', 'md_9x16es_ar_01vid', 'https://www.google.com', true, true, 'page1');
};
gwd.auto_Gwd_taparea_1Action = function(event) {
// GWD Predefined Function
gwd.actions.gwdGoogleAd.exit('gwd-ad', 'md_9x16es_ar_01cta', 'https://www.google.com', true, true, 'page1');
};


// Support code for event handling in Google Web Designer
// This script block is auto-generated. Please do not edit!
gwd.actions.events.registerEventHandlers = function(event) {
gwd.actions.events.addHandler('tap-onvideo', 'action', gwd.auto_Background_exitClick1, false);
gwd.actions.events.addHandler('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
};
gwd.actions.events.deregisterEventHandlers = function(event) {
gwd.actions.events.removeHandler('tap-onvideo', 'action', gwd.auto_Background_exitClick1, false);
gwd.actions.events.removeHandler('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
};
document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);












["300x600"]












Click here to see more









(function() {
var gwdAd = document.getElementById('gwd-ad');
document.getElementById('border-wrapper');
/**
* Handles the DOMContentLoaded event. The DOMContentLoaded event is
* fired when the document has been completely loaded and parsed.
*/

function handleDomContentLoaded(event) {
// Here are examples of tasks that can be performed in this method:
// * Set dynamic values for element attributes.
// * Show a progress image to the user before the Ad is shown.
}

/**
* Handles the WebComponentsReady event. This event is fired when all
* custom elements have been registered and upgraded.
*/
function handleWebComponentsReady(event) {
// Start the Ad lifecycle.
requestAnimationFrame(function() {
setTimeout(function() {
gwdAd.initAd();
}, 1);
});
}

/**
* Handles the event that is dispatched after the Ad has been
* initialized and before the default page of the Ad is shown.
*/
function handleAdInitialized(event) {
// This marks the end of the polite load phase of the Ad. If a
// loading image was shown to the user, this is a good place to
// remove it.
}

window.addEventListener('DOMContentLoaded',
handleDomContentLoaded, false);
window.addEventListener('WebComponentsReady',
handleWebComponentsReady, false);
window.addEventListener('adinitialized',
handleAdInitialized, false);
})();






Подробнее здесь: https://stackoverflow.com/questions/798 ... iant-error