Как автоматизировать создание PDF-файлов приборных панелей/веб-страниц с помощью инструмента веб-автоматизации Puppeteer с открытым исходным кодом

Отправляйте своим клиентам еженедельные или ежемесячные отчеты по электронной почте — они будут вам благодарны!

«Почему вы платите за этот продукт? Какова реальная ценность, в цифрах, от использования этого продукта?».

Если вы зададите этот вопрос своим клиентам, а они не будут знать, какую «ценность» они получают в цифрах (например, сэкономленные часы или клиентов, привлеченных с помощью вашего инструмента), они окажутся в зоне риска оттока 😬.

У каждой SaaS-компании есть приборные панели и метрики, которыми они делятся с клиентами на своей платформе. Это то место, где клиенты действительно понимают, как ваш инструмент или услуга помогает им.

Сегодня мы поделимся с вами тем, как сэкономить время ваших клиентов, автоматически отправляя им PDF-файлы отчетов, чтобы им не приходилось получать их вручную.

И если вы спросите: «Зачем мне это нужно?».

Я отвечу вам, что это может улучшить ваши показатели удержания клиентов:

ваши клиенты автоматически получают отчеты -> они чувствуют ценность от использования вашего продукта/услуги -> они остаются с вами на более длительный срок -> вы увеличиваете пожизненную ценность клиента _🚀.

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

Мы поделимся с вами кукловодом генератора pdf * сниппет кода, который вы можете скопировать и вставить и сэкономить время даже на кодировании *😅.

Как автоматизировать генерацию PDF с помощью Browserless

Давайте проиллюстрируем это на приборной панели нашего собственного аккаунта browserless. Мы можем видеть количество запущенных сессий и статистику CPU & памяти нашего рабочего. Мы используем наш API-ключ browserless для запуска скрипта и получения PDF-файла.

Затем вы можете сделать простое приложение NodeJS для планирования этой задачи, а также отправить PDF, полученный из browserless, по электронной почте. Или вы можете отправить эти PDF-файлы через ваши текущие инструменты Email-маркетинга.

Давайте приступим

Прежде всего, создайте учетную запись Browserless:

Выберите тарифный план, который вы хотите использовать: Usage-based с бесплатной пробной версией или Dedicated.

После создания аккаунта вы получите приборную панель (да, у нас тоже есть приборная панель 😀) с ключом API, который вы можете использовать для автоматизации:

Чтобы извлечь эту приборную панель, мы можем использовать API /function для запуска скрипта ниже, где «token» — это ваш API-ключ от Browserless:

const puppeteer = require('puppeteer-core');

(async() => {
    const token = "YOUR_API_KEY";
    const email = "YOUR_LOGIN_EMAIL";
    const password = "YOUR_LOGIN_PASSWORD";

    const browser = await puppeteer.connect({ browserWSEndpoint: 'wss://chrome.browserless.io?token='+token });
    const page = await browser.newPage();
    await page.setViewport({width:800,height:1020});
    await page.goto('https://cloud.browserless.io/account/',{ waitUntil: 'networkidle0'});
    await page.type('#login-email', email, {delay: 10});
    await page.type('#login-password', password, {delay: 10});
    await page.click('div.css-vxcmzt > div > button > span');
    await page.waitForSelector('.chartjs-render-monitor');
    await page.evaluate(() => {
        var leftpanel = document.querySelector(".sticky_nav__3r2Ep");
        leftpanel.parentNode.removeChild(leftpanel);
        const date = new Date();
        document.querySelector('.text-white.mb-0').innerHTML="Sessions on "+date;
        document.querySelector('#app > div > div > div > .col-8').classList.add("col-12");
        document.querySelector('#app > div > div > div > .col-12').classList.remove("col-8");
    })
    await page.emulateMediaType('screen');
    return page.pdf({path:"dashboard.pdf",printBackground:true});
})();

Войти в полноэкранный режим Выйти из полноэкранного режима

Это простой сценарий, в основном мы получаем доступ к URL приборной панели, входим в систему с нашими учетными данными и нажимаем на кнопку входа. После загрузки приборной панели мы генерируем PDF.

Сначала мы импортируем библиотеку puppeteer core, которая является легковесной, поскольку вы будете подключаться к удаленному или существующему хрому, и не поставляется с двоичными файлами браузера.

const puppeteer = require('puppeteer-core');