javascript — создание страницы входа в Google для доступа к сервисам

Мне нужно создать небольшое веб-приложение, которое подключается к Google Calendars и выбирает указанный набор событий. Я прочитал документация, и я понимаю, что мне нужно аутентифицировать пользователя в моем приложении, которое я создал на консоли разработчика Google.

Я пытаюсь реализовать аутентификацию с помощью всплывающего окна (я использую FancyBox за это). Это <div> в котором данные для входа идут: <div id="login-popup" style="display:none"></div>

Это код JS, который я использую для вызова файла auth.php:

    $.get("/auth.php", function(result) {
$('#login-popup').append(result);
$.fancybox({
href: "#login-popup",
autoSize: true,
width: "60%",
fitToView: true
});
});

И, наконец, это код PHP, который отправляет запрос GET в API Google:

$ch = curl_init();
if($ch) {
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/plain'));
curl_setopt($ch, CURLOPT_HTTPGET, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_URL, $query);
$result = curl_exec($ch);

curl_close($ch);
}
else {
throw new RuntimeException("Hiba történt a távoli adatok elérése közben!");
}
echo json_encode($result);

Итак, это всплывающее окно появляется после этого, как и должно быть:

Однако после того, как я ввел свои учетные данные, он перенаправляет меня на веб-сайт входа в систему Google (https://accounts.google.com/ServiceLoginAuth).

Моя проблема:

Мне нужно иметь возможность вернуть данные из этого всплывающего окна, чтобы получить токен доступа, который я смогу позже использовать в своем вызове Calendar API. Что мне нужно сделать, чтобы добиться этого?