FlutterFlow (подробнее о конструкторе тут) позволяет не только создавать крутые проекты, но и стимулировать рост клиентов этого приложения. Одним из таких способов является реферальная система.
Что это
Реферальная система — мощный инструмент для любого типа приложений, который позволяет отслеживать регистрации пользователей и видеть, кто пригласил новых присоединиться по их реферальной ссылке.
Социальная сеть, программа лояльности или приложение любого другого типа — неважно. Реферальная система может помочь стимулировать рост и вовлеченность каждого их них.
Еще стимулировать рост (профессиональный) поможет бесплатный интенсив по разработке мобильных приложений! Посетив его, вы узнаете, как создавать приложения для Android и iOS без навыков программирования.
- ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
- Где и как применять? Потестируем модель после установки на разных задачах
- Как дообучить модель под себя?
Как создать реферальную систему во FlutterFlow
Так, ну для начала откройте страницу создания учетной записи в приложении FlutterFlow.
Шаг 1. Создайте параметр страницы
Нажмите кнопку плюса в правом верхнем углу и выберите «Добавить параметр». Назовите его «userRef» и установите тип «Ссылка на документ», а коллекцию — «Пользователи». Подтвердите действия, чтобы завершить этот шаг.
Шаг 2. Создайте локальную переменную состояния
Создайте переменную «Local State» для хранения реферальной информации (это на случай, если пользователь уйдет со страницы создания учетной записи).
Назовите переменную «userRef» и установите ее как ссылку на документ в коллекции пользователей. Обязательно включите параметр «Сохранение», чтобы переменная оставалась, даже если клиент закроет браузер и вернется для регистрации позже.
Шаг 3. Сохраните параметр страницы в переменной Local State
Вернитесь на страницу создания учетной записи и добавьте действие «Обновить локальное состояние». Установите в поле новую переменную «userRef» и задайте значение из userRef-параметра, созданного на первом шаге.
Шаг 4. Настройте пользовательские документы Firebase
Перейдите в раздел Firebase FlutterFlow, чтобы создать поля для хранения реферальной информации.
В коллекцию пользователей добавьте две новые переменные:
- userRef, который будет ссылкой на документ для хранения информации о человеке, направившего пользователя на регистрацию
- userRefs, который будет списком ссылок на документы пользователей, где хранятся все, на кого он ссылался
Шаг 5. Подтвердите направления пользователя во время действия
Снова вернитесь на страницу создания учетной записи и добавьте действие «Создать учетную запись». Сделайте там новое поле для установки переменной «userRef» локального состояния.
Чтобы сохранить реферальную информацию для человека, отправившего ссылку, добавьте еще одно действие для обновления документа в Firebase.
Выберите userRef-параметр страницы, созданный на первом шаге, а затем кликните на «Добавить в набор». Далее найдите ссылку на клиента в разделе «Аутентифицированный пользователь».
Все, общая инфраструктура настроена! Теперь главный вопрос.
Как создать реферальную ссылку
1. Сделайте кнопку для создания ссылки
Перейдите на страницу приложения и добавьте кнопку с надписью «Создать ссылку». Тут важно сделать текст очевидным для пользователя (чтобы он знал, что происходит при нажатии кнопки).
Настройте дизайн кнопки в соответствии со своими предпочтениями и удалите ненужные действия.
2. Добавьте копию в буфер обмена
Добавьте к кнопке действие «Копировать в буфер обмена».
Чтобы создать реферальную ссылку, используйте опцию «Объединить текст». Первый набор текста — это ссылка на ваше приложение. Например, если вы создавали реферальную ссылку для веб-сайта FlutterFlow, нужно использовать https://flutterflow.io.
После этого добавьте вопросительный знак (?) и имя параметра реферала, который создан на странице учетной записи в первом шаге (он называется userRef).
Затем добавьте символ «=» и идентификатор пользователя, прошедшего проверку подлинности, чтобы завершить реферальную ссылку.
Заполненная реферальная ссылка должна выглядеть следующим образом:
[YOUR_LINK]?[PARAMETER]=[USER_ID]
Или в нашем случае:
https://flutterflow.io?userRef=[USER_ID]
- Освой Python и нейросети и узнай, как гарантированно получить первые 10 заказов
- УЧАСТВОВАТЬ ЗА 0 РУБ.
- Создай и прокачай собственного чат-бота
- ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
