Виджет портфеля

Виджет портфеля на вашем сайте это актуальная информация для посетителей. Создав его раз, достаточно только правильно вести свой портфель на Investflow и последняя информация о доходности будет отображаться автоматически!

Для того, чтобы разместить данные о портфеле на своем сайте
  1. Сделайте портфель публичным.
  2. Добавьте следующий код в заголовок своей страницы
     <script src='https://investflow.ru/js/portfolio.js'></script>
  3. В самый конец страницы добавьте код заполняющий элементы данными портфеля, где строку «HASH» замените на реальных хеш портфеля:
    <script>
        $iflow.renderPortfolio("HASH")
    </script>
    
  4. В произвольниые места страницы добавьте теги, которые при вызове функции рендеринга будут заменены на значения. Формат тега:
    <span name='iflow-HASH-FIELD'></span>

    где HASH это хеш портфеля, а FIELD одно из следующих значений:

    name Имя портфеля
    hash Хеш портфеля, может использоваться для постоянной, неизменяемой ссылки на портфель
    user Имя владельца портфеля
    weekPercent Доход портфеля за текущую неделю (%)
    endOfWeekBalance Прогнозируемый баланс портфеля на конец недели
    mondayBalance Баланс портфеля на начало недели (понедельник утро)
    profit Прибыль за неделю ($)
    drawdown Текущая просадка портфеля (%)
    drawdownAmount Размер текущей просадки в $
    activeAccounts Число активных счетов в портфеле
    weeks Число недель в истории портфеля
    m1Percent Доходность портфеля за месяц (4 недели, %)
    m1Profit Прибыль портфеля за месяц (4 недели, $)
    m3Percent Доходность портфеля три месяца (13 недель, %)
    m3Profit Прибыль портфеля за три месяца (13 недель, $)
    m6Percent Доходность портфеля за полгода (26 недель, %)
    m6Profit Прибыль портфеля за полгода (26 недель, $)
    y1Percent Доходность портфеля за год (52 недели, %)
    y1Profit Прибыль портфеля за год (52 недели, $)
    atPercent Доходность портфеля за все время (%)
    atProfit Прибыль портфеля за все время ($)
  5. Для того, чтобы добавить детали по отдельным счетам, входящим в портфель, определите блок для одного счета, который в итоге будет размножен в результате заполнения портфеля:
    <script>
       <div name="iflow-HASH-accounts"></div>
    </script>
    

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

    iflow-account-name Имя счета
    iflow-account-weekPercent Процент за неделю
    iflow-account-endOfWeekBalance Баланс на конец недели
    iflow-account-profit Прибыль за неделю
    iflow-account-href Ссылка на счет

    Пример:

       <tr name="iflow-59f8f52b82ff93f44853966d92473b70-accounts">
            <td>
                <a href="#" name="iflow-account-href">
                    <span name="iflow-account-name"></span>
                </a>
            </td>
            <td><span name="iflow-account-weekPercent"></span>%</td>
            <td>$<span name="iflow-account-profit"></span></td>
        <td>$<span name="iflow-account-endOfWeekBalance"></span></td>
        </tr>
    

    Также, для заполнения данных счетов необходимо использовать дополнительный параметр при вызове функции рендеринга: accounts: true. Пример:

    <script>
        $iflow.renderPortfolio("59f8f52b82ff93f44853966d92473b70", {accounts: true, nonProfit: false});
    </script>
    

    Без этого параметра, в целях оптимизации трафика, данные счетов не передаются.

  6. Что-то не получается? Смотрите реальный работающий пример виджета портфеля: ссылка.
  7. Пользователям будет удобно, если виджет будет содержать ссылку на портфель!