自作サイトにアフィリエイトリンクがうまく反映されない

初めまして。
現在下記のサイトを参考にして自作サイトの作成を行っているものです。

http://www.shoshinsha.com/hp/

自作サイトにて、下記の条件を満たしたアフィリエイトのソースコードを記述し、自作のWebサイトで表現したいと考えているのですが、アフィリエイトのソースコードが表示されず困っています。

動作環境等

本ブログパーツは次の環境で動作します。

・JavaScript の有効化必須
・Internet Explorer(9以降, 標準モード)
・Google Chrome(最新)
・Mozilla Firefox(最新)
・Opera(最新)
・Safari(最新)
Internet ExplorerはDOCTYPE宣言を正しく行う等の方法により、標準モードでレンダリングされるようにしてください。
互換モードまたは過去のIE標準モードでの表示は崩れる、またはパフォーマンス的な問題が出る場合があります。
DOCTYPE宣言については各種解説サイト等を参考にしてください。
HTML5スタイルのDOCTYPE宣言をおすすめします。
本ブログパーツはjQueryを利用します。
埋め込み先のページにjQueryが読み込まれていて充分に新しいバージョンであればそれを利用します。
埋め込み先のページのjQueryが利用できない場合はこちらで準備したものを読み込みます。
また、各ウェブサイトに適用されているスタイルシートの影響により、ブログパーツが正しく表示されない場合があります。
予めご了承の上、実際のウェブサイトでの表示を確認してからご利用をお願いいたします。

私が書いたソースコード

HTML
1<!DOCTYPE html>
2
3
4<html>
5
6<meta http-equiv="content-type" charset="utf-8">
7
8<head>
9<title>私のページ</title>
10</head>
11
12<body background="img/nm003.png">
13
14<div align="center">
15<img src="img/welcome.gif" width="210" height="88"  alt="welcom">
16<br><br>
17
18<hr width="500">
19<a href="index.html">トップ</a>
20　<a href="about.html">プロフィール</a>
21　<a href="link.html">リンク集</a><br>
22<hr width="500"><br><br>
23
24
25<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
26<script type="text/javascript">
27
28//下記ソースコードが反映されない
29<div class="○○" data-affiliateCategory="0" data-affiliateCount="5" data-affiliateHeight="150" data-affiliateId="17405e8bf7××" data-affiliateType="ranking2week"></div>
30<script src="//○○.jp/parts/js/parts.js" charset="UTF-8" async></script>
31
32</script>
33
34
35<hr width="500">
36</div>
37</body>
38</html>

#完了していること

①下記のようにサイトの骨格の完成

②サーバーへの接続

ここまでは完了しています。

どのようなソースコードを記述してあげれば、反映されていない箇所のソースコードが反映されるのでしょうか。何をしてあげれば、どのようなことを行えばよいのでしょうか。
どうぞよろしくお願いいたします。

＊ちなみに、メモ帳を用いてソースコードを記述しています。

AkitoshiManabe

2020/07/25 03:08

表示を確認している環境について、詳細を追記してください。ブラウザの広告ブロック機能の状態によっては、アフィリエイト広告を無効化しているかもしれません。また、ウィルス対策ソフトも同様な設定があるかもしれません。

ypk

2020/07/25 04:24

確認をしてみたところ、特に広告を無効化しているようなものはありませんでした、、、、

行動規範の内容に同意します

回答3件

何したいのかが今一つ分かりませんが、<script>タグ内で動作するのはJavaScriptのコードです。

投稿2020/07/24 02:29

m.ts10806

総合スコア80875

ypk

2020/07/24 03:05

ご丁寧にありがとうございます。また、メモ帳の使用についても注意をしてくださりありがとうございます。さっそく調べて参ります。下記のようにソースコードを修正してみたのですが、やはりWebサイト上に反映されません、、、 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="○○" data-affiliateCategory="0" data-affiliateCount="5" data-affiliateHeight="150" data-affiliateId="17405e8bf7××" data-affiliateType="ranking2week"></div> <script src="//○○.jp/parts/js/parts.js" charset="UTF-8" async></script> こちらのサイトの1.CDNを利用する方法を参考にしてみたのですが、これはまた別の話なのでしょうか、、、？メモ帳ではやはり、Javascript及びjqueryを使用することはできないのでしょうか、、、、？ https://techacademy.jp/magazine/9444#sec4

m.ts10806

2020/07/24 03:59

parts.jsは自身で作られたものはないのでしょうか。 >メモ帳ではやはり、Javascript及びjqueryを使用することはできないのでしょうか、、、、？いえ。無関係です。ちゃんとHTMLから指定した場所に指定のプログラムがあれば良いです。 async は何のためにつけてますか？まずはブラウザ開発ツールのコンソールにエラーが出ていないか確認するところから。 `//`から始まってるので、もし自身のサイトがhttpsなのであれば、そこから問題が起きてないとは言えないですが、エラー確認するところから。

ypk

2020/07/24 04:48

とりあえず、「Atom」というエディタを利用してこれからはプログラミングを行ってまいります。ありがとうございます。 >parts.jsは自身で作られたものはないのでしょうか。いいえ、私自身が作成したものではないですね、、、、既に存在しているアフィリエイトリンクから引用してきたものになります。 >async は何のためにつけてますか？私がつけたものではないので理由はちょっとわからないです。表示させようとしたアフィリエイトリンクにすでに存在していたソースコードなので、、、

ypk

2020/07/24 06:22

お疲れ様です。何度も何度も失礼いたします。こちらのソースコード <div class="○○" data-affiliateCategory="0" data-affiliateCount="5" data-affiliateHeight="150" data-affiliateId="17405e8bf7××" data-affiliateType="ranking2week"></div> <script src="//○○.jp/parts/js/parts.js" charset="UTF-8" async></script> ですがワードプレスのテキストに貼り付けをしてみたところ無事に表示が確認できました。jsフォルダやファイルなどは作成しておりません。ところが、自作サイトのほうに <div class="○○" data-affiliateCategory="0" data-affiliateCount="5" data-affiliateHeight="150" data-affiliateId="17405e8bf7××" data-affiliateType="ranking2week"></div> <script src="//○○.jp/parts/js/parts.js" charset="UTF-8" async></script> を貼り付けてみても何も表示されません。これはいったいどうしてなのでしょうか。。。？実力不足で申し訳ないのですが、どうぞよろしくお願いいたします。

ypk

2020/07/24 06:23

また、コンソールを確認してみたところ net::ERR_FILE_NOT_FOUND というエラーが出てきます、、、

行動規範の内容に同意します

<script type="text/javascript">

と

</script>

に挟まれているものは表示の対象にはならないからでは

投稿2020/07/24 02:25

退会済みユーザー

総合スコア0

ypk

2020/07/24 02:52

ありがとうございます。 <div class="○○" data-affiliateCategory="0" data-affiliateCount="5" data-affiliateHeight="150" data-affiliateId="17405e8bf7××" data-affiliateType="ranking2week"></div> <script src="//○○.jp/parts/js/parts.js" charset="UTF-8" async></script> だけでは上記のソースコードが反映されないため、 <script type="text/javascript"> と </script> を記述してみました、、、、（いずれにしても反映されていませんが、、、、）

行動規範の内容に同意します

自己解決