内部にハイパーリンクが含まれる（リンクされていないテキストとともに）派手なcssボックスを使用して、GoogleサイトのWebページを作成しようとしています。私がこれまでに持っているコードは次のとおりです。
function doGet(e){
var app = UiApp.createApplication();
var ss = SpreadsheetApp.openById('SPREADSHEET_KEY');
var sheet = ss.getSheetByName("Sheet1");
app.add(app.createHTML('<div style="font-family:Helvetica Neue,Arial,Helvetica,sans-serif;
color: rgb(255, 255, 255);font-size:18px;display:inline-block;text-align:center;
padding: 14px 0px 14px;background:rgb(51, 204, 255);min-width: 500px;
border-radius: 40px 40px 40px 40px;font-weight:bold;">'
+ 'Some Example Text' + '<a href="http://www.google.com/">My Example Link</a>' + '</div>'))
このテキスト ボックスには、最終的にスプレッドシートの変数が含まれます。しかし、今のところ、このハイパーリンクを機能させることができません。観察されたエラー: ハイパーリンクのテキストがボックスに表示されません。ボックス内の他のテキスト (この場合は「Some Example Text」) は、定義したすべての css で正常に表示されますが、前述のように、リンクはまったく表示されません。また、スクリプト エディターにエラーはありません。
私が間違っていることを誰かが知っていますか？どんな助けにもとても感謝します。よろしくお願いします。