Добро пожаловать!
Попробуйте использовать следующее для строкового шаблона. Я думаю, проблема в том, как вы используете синтаксис <?!.
var template = "<b><a href='<?= getService().getAuthorizationUrl() ?>' target='_blank'>Click to Authorize</a></b><br/><? if (getService().hasAccess()) { ?> <p><span style='color:green'>Authorized Successfully</span></p> <? } else { ?> <p><span style='color:red'>Not Authorized</span></p> <? } ?>";
Также немного чище, если вы храните отдельный файл шаблона HTML (я бы предпочел это даже для простых страниц).
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<b>
<a href='<?= getService().getAuthorizationUrl() ?>' target='_blank'>Click to Authorize</a>
</b>
<br/>
<? if (getService().hasAccess()) { ?>
<p>
<span style='color:green'>Authorized Successfully</span>
</p>
<? } else { ?>
<p>
<span style='color:red'>Not Authorized</span>
</p>
<? } ?>
</body>
</html>
Ура!