Как загружать reCaptcha с помощью partytown?

Question

[vahromeevilya-widestudio]

Есть сайт на WordPress в нем добавлен плагин Contact Form 7 , в нем же включена интеграция с reCaptcha v3

Для оптимизации web-vitals в pagespeed попробовали загружать метрики ( Яндекс и Гугл ) с помощью partytown

Но возникли трудности с переносом рекапчи.

Если вешать type="text/partytown" сразу на запрос к api рекапчи, то ничего не работает

(SITE_KEY - указан намеренно, это не ошибка, специально для скриншота)

Если же вешать уже на сам скрипт подключения рекапчи, который возвращается из этого запроса к api

То рекапча загружается, а вот Contact Form 7 , которая подвязана на последовательную загрузку рекапчи, а только потом своих скриптов, перестает работать.

Причем каких то удобных хуков для изменения этой ситуации не нашел, или готовых решений.

Как в итоге можно переместить весь функционал CF7 + reCaptacha в partytown?

Comments

[Refguser]

а вообще не использовать говнокапчу - не варинат?
Для ВП есть масса нормальных плагинов для защиты от ботов, а не от людей.

[vahromeevilya-widestudio]

Refguser, не вариант, к сожалению. Нужна именно такая связка CF7 + reCaptcha. Слишком много проектов уже на ней сделано

[Refguser]

vahromeevilya-widestudio, никогда не поздно начать делать для людей.

[vahromeevilya-widestudio]

Refguser, справедливо, есть что предложить сходу? В любом случае попробую поискать аналоги, если ничего не выйдет с этой связкой

[Nicknaame]

Refguser, reCaptcha v.3 - это невидимая рекапча. Она не напрягает пользователей

[Refguser]

Nicknaame, во первых ты глубоко заблуждаешься и это далеко не всегда так, во вторых она не для защиты от спама, а для сбора данных о юзерах, в третьих - вот ты уже поимел с ней геморой а это только одна из сотен ситуаций. Но в главных, повторю - полно нормальных средств защиты от ботов. Без говнокапч вообще.

Например https://wordpress.org/plugins/la-sentinelle-antispam/. Почитай какие методы он использует. Даже первый отбивает 99% ботов.

[Nicknaame]

Refguser, но я не инициатор вопроса. )) А комментатор. У меня более 30 сайтов работают с 2019 года и все с рекапчей гугл. Представьте себе - никаких проблем.

[vahromeevilya-widestudio]

Nicknaame, А как вы избавились от TBT которая возникает из за рекапчи?

[Refguser]

Nicknaame,

Представьте себе - никаких проблем.

Во первых "не знаю о проблемах" совсем не значит "нет проблем". Но большинство так думает, и их это устраивает, да. А вот ТС копнул глубже и его не устроило (хотя его проблема даже не самая критичная из всех).
Во вторых вне зависимости автор ты или комментатор - всё, что я тебе выше написал справедливо и актуально (единственное что - да, я не разобрался что не ты автор вопроса). Перечитай ещё раз, подумай, повышай грамотность.

[vahromeevilya-widestudio]

Refguser, Протестил плагин, показатели pagespeed стали лучше, но он завязан на jquery и пихает его в head, что опять же добавляет TBT , причем попытки самостоятельно подгрузить jquery приводят к сбою в работе плагина. Может есть какой нибудь аналог без jquery?

[Refguser]

vahromeevilya-widestudio, без понятия. Никогда за наносекундами не гнался и на фейковые гуглопузомерки не фапал. Кроме того я знаю о кешированиии и умею им пользоваться (что, кстати, ещё один пунктик в отличии ботов от реальных юзеров).

Но ты серьёзно? Этот плагин увеличивает время загрузки? Сомневаюсь.. Без него мерял? И насколько? (измерения нужно проводить не по разу, надеюсь это ты знаешь)

И да, ты можешь поискать в репо и другие плагины использующие те же методы, что и показанный (в первую очередь honeypot).
А так же можно использовать плагины для условий и в самом CF7 сделать скрытые поля, которые бот будет заполнять, а люди не увидят. Такая защита отбивает до 99% ботов, но самые умные всё же могут просачиваться. Для них уже нужно использовать другие методы (nonce, таймауты и пр)

[Nicknaame]

Refguser, повторюсь, у меня более 30 сайтов. И с 2019 года ни разу (вы точно правильно читаете?) - ни разу не было случая каких либо проблем в отношении спамерских атак и подобных недоразумений.
Мне не может казаться что проблем нет, потому что нет предпосылок думать обратное.

[Refguser]

Nicknaame, "многие знания рождают многие печали"(с).
Продолжай жить в неведении, так спокойнее.

[Nicknaame]

Refguser, спасибо за совет. Видимо вы до конца не поняли для чего нужна защита форм на сайтах. Напомню, что она нужна для защиты от спама. Расширю объяснение: если на почте отсутствует спам, значит формы под надёжной защитой. И все остальные вопросы и ответы отпадают за ненадобностью.
Предлагаемая вами технология возможно гораздо лучше рекпчи В.3. Но как вы сами понимаете в ней абсолютно нет надобности. Я обязательно ознакомлюсь в свободное время с вашими рекомендациями.

[Refguser]

Nicknaame, давай я попробую последний раз.
Рекапча служит не для защиты от ботов, а для сбора данных о юзерах гуглом. (те использующие рекапчу сливают гуглу данные о своих клиентах. Очень "разумно".)
Любая капча - зло, снижает конверсию. Рекапча же - наибольшее из зол, тк тормозит загрузку (см проблему ТСа), не всегда "невидима" (т.е. часть юзеров должны угадывать светофоры и прочие мотоциклы) и даже не всегда показывается (тем более в современных условиях, когда гуглосервисы частично забанены у некоторых провайдеров), что есть прямая потеря клиентов.
Рекапча пробивается на раз. Есть сервисы и даже аддоны к браузерам для обхода рекапчи.

Есть ещё минусы, но сказанного уже должно быть достаточно за глаза.

При всём при этом есть десятки простых и более надёжных способов, без напрягания юзеров, отбить ботов от форм.

Итого: рекапча - большое зло как для юзеров, так и для владельцев ресурсов, а также маркер непрофессионализма разработчика.

Answer 1

[vahromeevilya-widestudio]

Данный плагин https://wordpress.org/plugins/la-sentinelle-antispam/ к сожалению не работал, если подключать jquery самостоятельно.

Поискал другие варианты и нашел это https://ru.wordpress.org/plugins/honeypot/#description

Он тоже требует в себе jquery, но в данном случае, можно подгружать свой и плагин будет работать штатно. Вот, что сделал, чтобы убрать jquery из head ( вызывал TBT в pagespeed )

function custom_deregister_scripts()
{
	wp_deregister_script('jquery-core');
	wp_deregister_script('jquery-migrate');
}
add_action('wp_enqueue_scripts', 'custom_deregister_scripts', 100);

function remove_jquery_dependency_from_wpa_script()
{
	// Отменяем регистрацию исходного скрипта
	wp_dequeue_script('wpascript');
	wp_deregister_script('wpascript');

	// Регистрируем скрипт заново без зависимости от 'jquery'
	wp_register_script('wpascript', plugins_url('/honeypot/includes/js/wpa.js'), array(), $GLOBALS['wpa_version'], true);
	wp_enqueue_script('wpascript');

	// Если вам нужно добавить inline скрипт, как в исходном коде
	wp_add_inline_script('wpascript', 'wpa_field_info = ' . json_encode(wpa_field_info()));
}

// Добавляем нашу функцию в хук wp_enqueue_scripts с приоритетом, который гарантирует, что она выполнится после регистрации скриптов плагином
add_action('wp_enqueue_scripts', 'remove_jquery_dependency_from_wpa_script', 100);

А дальше в footer перед wp_footer добавляем свой jQuery и все.

От reCaptcha пришлось отказаться, в целях поднятия pagespeed баллов

Comments

[Refguser]

Имей ввиду, что заменять штатный jQuery на "свой" - может быть чревато разными проблемами. Например частичной или полной неработоспособностью плагинов и тем.

[vahromeevilya-widestudio]

Refguser, Тема своя, jquery нигде не используется, он и не нужен был нигде на сайте. Лишь плагины антиспама его требуют. Поэтому и сделал специально для них свой jquery