HangoutButton で動作するテンプレートがあります。
<div id="templateContainer" class="row">
<script id='template' type='text/ractive'>
{{#if HangoutUrl === null}}
<g:hangout render="createhangout">
</g:hangout>
{{else}}
<a id="hangoutUrl" href="{{HangoutUrl}}" class="btn btn-primary">Go to Hangout</a>
{{/if}}
</script>
</div>
HangoutUrl が指定されていない場合はハングアウト ボタンを表示し、それ以外の場合は通常のアンカーを表示します。HangoutUrl がまだ指定されていないときにページを読み込んでから、(ページのリロードなしで) HangoutUrl 値を設定すると、次のようになります。
したがって、アンカーだけを表示する代わりに、両方を取得します。ハングアウト ボタンが生成する醜い html が原因だと思います。
HangoutUrl が指定されている場合にハングアウト ボタンを削除するにはどうすればよいですか?