Как отследить на ютуб через js поставил ли человек like, dislike и вообще ничего?

Question

[Дмитрий Тарасов]

В чем вопрос ?
У меня есть расширение, я хочу через javascript отследить поставил ли человек лайк, дизлайк или вообще ничего на ролик, вообщем как-то отследить оценил ли он как-то видео.

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

if(document.querySelector('.ytd-subscribe-button-renderer').textContent === 'Вы подписаны'){
    console.log('Подписан');
}

Но проблема вся в том, что это будет работать в том случае если интерфейс ютуба будет на русском.
То есть надо будет брать textContent и прогонять через циклы на разных языка слово подписка или отписан и тогда уже делать выводы.
Может есть какой-то другой способ ?

Я попытался конечно вчера что-то сделать но попытки сделать это не к чему не привели.

document.querySelector('.ytd-toggle-button-renderer').textContent;

Вся проблема в том, что этих кнопок куча с классом .ytd-toggle-button-renderer и там нету такой простоты как с кнопкой подписки.

Еще один момент волнует что это вообще за теги у гугла в доме ?


Они что написали кучу своих тегов ?

Как вообще научится с ними работать в плане, вот что мне нужно.
Понимать есть ли подписка или нет подписки, оценка ролика, отследить что ролик в данный момент проигрывается и когда он ставится на паузу.

Answer 1

[yavaskript]

У кнопок с лайком / дизлайком при нажатии на них меняется класс. Если вы на них не нажимали, то по умолчанию у них прописан класс "style-text". Если вы ставите лайк / дизлайк - то есть щелкаете по кнопкам - то класс у них меняется с "style-text" на "style-default-active". Можете отслеживать это.

... и там нету такой простаты как с кнопкой подписки.

А причем тут предстательная железа???

Comments

[Дмитрий Тарасов]

yavaskript, окей я понял я могу сделать

document.querySelector('.ytd-toggle-button-renderer.style-default-active')

Но что это даст ? Я лишь пойму что какая-то из кнопок активна, но как различить какая именно за лайк отвечает и за дизлайк я не пойму.

Про простату это ошибочка вышла))))

Answer 2

[Владимир]

https://developers.google.com/youtube/v3/docs/subs...
https://developers.google.com/youtube/v3/docs/vide...

{
 "kind": "youtube#videoGetRatingResponse",
 "items": [
  {
   "videoId": "QnOyWe2EnDw",
   "rating": "like"
  }
 ]
}

Comments

[Дмитрий Тарасов]

Мне не через api нужно а через js ручками проверить.

[Владимир]

Дмитрий Тарасов, А при очередной редизайне все переписывать? А еще интереснее будет когда они очередное АБ тестирование начнут и у половины пользователей будет старый интерфейс а у половины новый.
Цвет иконки зависит от этого класса
ytd-toggle-button-renderer.style-default-active[is-icon-button]
ytd-toggle-button-renderer.style-text[is-icon-button]

первая ytd-toggle-button-renderer это лайк, вторая ytd-toggle-button-renderer дизлайк

[Дмитрий Тарасов]

Владимир, Получить доступ к api проекту который по накрутке будет трудновато.