ヘッドウェイウィジェットでHTML/CSSを使用する

ヘッドウェイウィジェット（https://headway.gitbooks.io/docs/content/widget.html）を当社のBIウェブサイトに追加して、チェンジログの情報を公開しようとしています。 https://headway.gitbooks.io/docs/content/widget.htmlにあるドキュメントを使って簡単なHTMLドキュメントを作成しましたが、私のページにウィジェットが表示されません。問題を理解するための助けに感謝します。ヘッドウェイウィジェットでHTML/CSSを使用する

これは次のように機能するはずです： https://gmelius.com/ - ニュースメニュー項目の見出しウィジェットを確認します。 https://jsfiddle.net/ - ページの右上隅にある見出しウィジェットを確認します。

私のchangelogがここhttps://headwayapp.co/teksystems-changelog

で提供されていますが、私のHTMLコードは、これまでのように見えるものです。

<html> 
<head> 
<script> 

var HW_config = { 
    selector: "h2", 
    account: "5JVROJ" 
}; 
</script> 
<script async src="//cdn.headwayapp.co/widget.js"></script> 
</head> 
<body> 
<h2> 
<a href="">News</a> 
</h2> 
</body> 
</html>

出典

2016-04-29 Raj

コンソールにエラーがありますか？ –

@FastSnail aha、次のエラーが表示されます - リソースを読み込めませんでした：file：//cdn.headwayapp.co/widget.js net :: ERR_FILE_NOT_FOUND – Raj

@FastSnail OK、絶対URLは何ですか？他の2つのサイトはを使用しています。だから私は少し混乱しています。 – Raj

コードペンでうまく動作します。開発現場で最初にローカルに追加しようとしていますか？なぜなら私はそれをローカルで見ると、あなたのアカウントのテンプレートへのリンクにすぎないウィジェットを埋め込むときに失敗するからです。

ここでは、コードペンである： codepen.io/Riddell/pen/KzGGPq

<h2><a href="">News</a></h2> 
<script> 
    var HW_config = { 
     account: "5JVROJ", 
     selector: "h2" 
    }; 
</script> 
<script async src="https://cdn.headwayapp.co/widget.js"></script>

あなたがローカルでテストするために地元のWAMP/MAMPサーバーを実行してみてください可能性があります。

出典

2016-04-29 12:55:29 Riddell

ありがとうございます。私は最初にローカルに追加しようとしています。私はWebサーバー上で実行しようとします。 – Raj

ヘッドウェイウィジェットでHTML/CSSを使用する

答えて

関連する問題