Мотивируем положительные отзывы с помощью виджета

Рейтинг расширения и отзывы играют огромную роль в его ранжировании в поиске.
При этом пользователи устроены так, что если их все устраивает в продукте, они редко пишут хорошие отзывы. Если их что-то не устраивает, они идут писать плохие отзывы.
📝
Комментарий от Игоря Зуева:
На пути инди-хакера мозг ПОСТОЯННО искажает картину. И некоторые обманы нашего мозга настолько жесткие, что могут даже отбить желание делать продукт!
Очень часто от инди-хакеров мы слышим такое:
Кажется, продукт не пошел! Открываю отзывы – а там один негатив!
Тут очень важно понимать реалии мира, где мы живём:
  1. Для большинства людей в этом мире, хороший рабочий продукт – это ситуация НОРМЫ. Если продукт приносит пользу – так должно быть ПО УМОЛЧАНИЮ.
  1. Кому-то продукт не подошел? Что-то в нем не так (по мнению этого человека)? Самое время написать это в комменты!)
📍 Как итог: в комментах негатив. Потому что критику писать принято. А хвалить – нет. Ведь продукт и так обязан быть хорошим.
Так работает мозг у пользователей. Хотим мы этого или нет. И мозг фаундера это должен знать.
Или еще пример.
В бонусных материалах на следующей неделе у вас будет возможность добавить такую механику: когда человек удаляет продукт, мы показываем форму с 1 вопросом: «почему решили удалить?»
В итоге пользователь пишет причину, а для нас это ценнейшие данные: что в продукте исправить.
Но в среднем только 5% ответов из этой формы – это нормальные, развернутые ответы с аргументированной критикой! Все остальное – сплошные эмоции)
В итоге начинающие билдеры начитаются этот «фидбек» (где удаляющие матерят создателя и продукт), и потом с грустью говорят... Не пошло, сделал какую-то ерунду!
Забывая, что мы читаем фидбек только тех, кто УДАЛИЛ продукт))
А еще есть 90% людей, которые молчаливо им пользуются и мысленно говорят вам спасибо. Просто мы это не видим!
И то, что мозг не видит, он гораздо хуже воспринимает.
Если вам кажется, что такое искажение восприятия вас не коснется, подождите негативный отзыв, особенно если он будет первый))
Короче, у нас есть железобетонное правило:
📍 Когда хейтеры строчат, благодарные пользователи молчат.
И кстати, довольно редко адекватные люди, видя комментарии хейтеров, заходят и вступаются за продукт. Их позиция понятна. Кому хочется доказывать что-то хейтерам?
Случаи, когда пользователи готовы пойти на защиту от хейтеров, конечно, на вес золота. Но их мало.
Все это не означает, что нельзя просить благодарных пользователей оставить отзыв! Прямо сейчас разберем, как это сделать правильно.
Если не мотивировать хорошие отзывы специальным методом, появляется риск просадки расширения по рейтингу со временем. И наоборот, если сразу начать мотивировать пользователей оставлять хорошие отзывы, это даст дополнительный буст расширению в поисковой выдаче на самом старте.
  1. Мы используем специальную систему мотивации пользователей оставлять положительные отзывы и не публиковать в CWS плохие. В UI расширения добавляется вот такой виджет:
      2. notion image
  1. При попытке пользователя поставить расширению 4 или 5 звезд, произойдет редирект на страницу CWS для написания отзывов. Вот пример этой страницы: https://chromewebstore.google.com/detail/audio-voice-recorder/deadjnaenmndpdpakgchpbedlcdmmoai/reviews
  1. При попытке пользователя поставить расширению 1, 2 или 3 звезды, произойдет редирект на Google-форму, где пользователю будет предложено «излить гнев» напрямую разработчику, без публикации отзыва в CWS. Пример формы: https://docs.google.com/forms/d/e/1FAIpQLSeAxTa4UzxyfLXJ8WacWq8K4IXYa3sTiFBKtRrS_U3DnAeORw/viewform
  1. Ниже указан базовый код для интеграции модуля в расширение. Необходимо изменить ссылки на страницу отзывов в CWS и ссылки на Google-формы:
      2. <style>
  .full-stars {
    text-align: center;
  }
  .full-stars .rating-group {
    display: inline-flex;
  }
  .full-stars input {
    position: absolute;
    left: -9999px;
  }
  .full-stars label {
    margin: 0;
    cursor: pointer;
  }
  .full-stars label a svg {
    margin: 2px;
    height: 30px;
    width: 30px;
    fill: #ff8400;
    transition: fill 0.3s;
  }
  .full-stars input:checked ~ label a svg {
    fill: #ffc711;
  }
  .full-stars .rating-group:hover label a svg {
    fill: #ff8400;
  }
  .full-stars .rating-group input:hover ~ label a svg {
    fill: #ffc711;
  }
</style>
<hr style="border: 0; border-top: 3px solid #bbb; opacity: 0.25" />
<p style="text-align: center; font-family: arial, sans-serif; font-size: 16px">
  Rate us:
</p>
<div class="full-stars">
  <div class="rating-group">
    <input name="fst" value="5" type="radio" disabled checked />
    <label for="fst-1">
      <a
        href="https://docs.google.com/forms/d/e/1FAIpQLSeAxTa4UzxyfLXJ8WacWq8K4IXYa3sTiFBKtRrS_U3DnAeORw/viewform"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
          <path
            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
          />
        </svg>
      </a>
    </label>
    <input name="fst" id="fst-1" value="1" type="radio" />
    <label for="fst-2">
      <a
        href="https://docs.google.com/forms/d/e/1FAIpQLSeAxTa4UzxyfLXJ8WacWq8K4IXYa3sTiFBKtRrS_U3DnAeORw/viewform"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
          <path
            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
          />
        </svg>
      </a>
    </label>
    <input name="fst" id="fst-2" value="2" type="radio" />
    <label for="fst-3">
      <a
        href="https://docs.google.com/forms/d/e/1FAIpQLSeAxTa4UzxyfLXJ8WacWq8K4IXYa3sTiFBKtRrS_U3DnAeORw/viewform"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
          <path
            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
          />
        </svg>
      </a>
    </label>
    <input name="fst" id="fst-3" value="3" type="radio" />
    <label for="fst-4">
      <a
        href="https://chromewebstore.google.com/detail/audio-voice-recorder/deadjnaenmndpdpakgchpbedlcdmmoai/reviews"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
          <path
            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
          />
        </svg>
      </a>
    </label>
    <input name="fst" id="fst-4" value="4" type="radio" />
    <label for="fst-5">
      <a
        href="https://chromewebstore.google.com/detail/audio-voice-recorder/deadjnaenmndpdpakgchpbedlcdmmoai/reviews"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
          <path
            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
          />
        </svg>
      </a>
    </label>
    <input name="fst" id="fst-5" value="5" type="radio" />
  </div>
</div>