Как выполнить действие до события DomContentLoaded?

Question

[evomed]

Мне нужно проиндексировать сайт Яндексом без SSR. По их документации мне нужно создать объект

window.YandexRotorSettings = {
        WaiterEnabled: true;
        FailOnTimeout: false;
        NoJsRedirectsToMain:true
    }

до события DomContentLoaded.

Если я заюзаю beforeCreate это будет до указанного события?

Answer 1

[Aetae]

Нет. (с оговорками, но не в твоём случае)

Просто измени шаблон index.template.html и добавь туда в head тупо

<script>
window.YandexRotorSettings = {
        WaiterEnabled: true;
        FailOnTimeout: false;
        NoJsRedirectsToMain:true
}
</script>

(ну либо любой иной шаблон в который ты подключаешь vue)

Comments

[evomed]

У меня Inertia JS https://inertiajs.com/ вся инфа (тайтлы, дескрипшены) сетается из vue js

[evomed]

Я размещал код в корневом шаблоне app.blade.php скрипт (до старта Inertia Js)

<script type="application/javascript">
        window.YandexRotorSettings = {
            WaiterEnabled: true
        }
    </script>

и после загрузки Inertia Js

<script type="application/javascript">
        setTimeout(function () {
            window.YandexRotorSettings.IsLoaded = true;
        }, 5000);
    </script>

Только робот до сета тайтлов и дескрипшенов не дожидается - все пустое поиске и вебмастере дубли страниц. Там проблема в том, что по Inertia JS страница один раз загружается и если робот реально ходит по ссылкам, а не перезагружает страницы (не знаю как он работает), то после первой загрузки IsLoaded у YandexRotorSettings всегда будет уже засетанным и робот дожидаться не будет. Ситуацию можно изменить из хука жизненного цикла корневого компонента в VUE с которого у меня уже весь JS код стартует, но если он до DomContentLoaded не запускается то и робот также ждать не будет.

[Aetae]

evomed, ты всё в кучу собрал.
При spa без ssr domcontentloaded срабатывает один раз при загрузке страници до загрузки любого vue. Срабатывает он на по сути пустой странице. Любые переходы внутри spa ни на что более не влияют, это просто виртуальное изменение картинки через js.
Однако бот обычно не ходит внутри spa, а таки всё равно загружает каждую страницу заново.
Соответственно, насколько я понял механизм, тебе надо разместить первую часть кода в шаблоне в head, поифиг php там или ещё что, а isLoaded ставить после того как вся мета для конкретной страницы точно установлена, а не по рандомному тайм-ауту. Хз как она ставится в твоей хрени, сам поищи или проверь: может после роутера afterEach ижможет просто в mounted, может понадобится nextTick. Ты главное там где собираешься писать isLoaeed тупо через console.log querySelector проверь что там нужная инфа точно уже есть.

P.S. Я не слишком уверен что такой подход вообще рабочий, лучше бы тебе нагуглить мануал какой свежий на на тему "spa yandex сео 2024" и следовать ему.:)

[evomed]

Aetae, да, можно будет установить по заполненности тайтла и дескрипшена.

window.YandexRotorSettings = {
    WaiterEnabled: true,
    IsLoaded: function() {
        return document.title.length > 0;
    }
}

Попробую сделать. Просто странно, что я итак конский таймаут в 5 секунд поставил и робот все равно не видит изменений. Сейчас еще узнаю у Яндекса, перезагружает ли их робот каждый раз страницу при каждом обращении (чтобы по ссылкам SPA не ходил) и если да то тупо запрограммирую тайтлы и дескрипшены для важных страниц прямо в PHP, а остальное уже с их этими проверками.

[over_clocked]

evomed, удалось решить проблему с дублями страниц в вебмастере?

[evomed]

over_clocked, я запрограммировал из PHP, пока не смотрел, там какие-то процессы происходят, оставил улежаться.