ajaxで呼び出したJavascript広告が表示されない

Question

DB負荷軽減のためコンテンツをキャッシュとしてテキストファイルに保存し、
アクセスがあればキャッシュを読み込んで表示しようとしているのですが
広告の表示がうまくいきません。

キャッシュとしてadstirやadrouteといった広告タグ（Javascript）もコンテンツと一緒に保存するのですが、
ajaxでコンテンツを呼び出すと広告が表示されないので困っています。

調べてみると、ajaxでの呼び出しはDOMに組み込まれないからということらしいですが、
どうにか上手いこと表示する方法はないでしょうか。

広告を呼び出すことは出来ているのですが、描画が出来ません。

動作しない広告コード（Adstir）は下記です。

<script type="text/javascript">
var adstir_vars = {
  ver: "4.0",
  app_id: "MEDIA-79254f62",
  ad_spot: 1,
  center: false
};
</script>
<script type="text/javascript" src="https://js.ad-stir.com/js/adstir.js"></script>

上記広告を呼び出しているajaxの記述は下記です。

<script>
$(document).ready( function(){
	$.ajax({
		type: 'post',
		url:'/get.php',
		data:{
			device:'{$device}',
			kijiCode:'{$kijiCode}'
		},
		success: function(data){
			document.getElementById('{$targetId}').innerHTML=data;
		}
	});
});
</script>

Comments

[colling]

動かすというのは、広告の表示場所のことでしょうか？それとも広告の機能的なことでしょうか？

[hamst]

広告の機能という意味でした。

[退会済みユーザー]

文章だけだと何も回答は得られませんよ。試したコードを掲載してください。

[colling]

動かないのが広告だけなのか、他のスクリプトもなのか？や、ajaxでテキストファイルを呼び出したあと、どのように描画しているのかが不明なので現状の質問内容では回答がつかないと思われます。困っていることと、助けてほしいということしかわからないので、もう少し詳しく質問内容を追記するのが良いかと思います。

Answer 1

HTML5 - 4.11.1 The script elementに

Note: When inserted using the document.write() method, script elements execute (typically synchronously), but when inserted using innerHTML and outerHTML attributes, they do not execute at all.

とあるように、innerHTMLで追加したスクリプトは実行されません。

jQueryをお使いでしたら、html()を使うことにより、追加したスクリプトを実行できます。

success: function(data){
  $('#{$targetId}').html(data)
}

Comments

[x_x]

innerHTMLはメソッドではありませんよ

[退会済みユーザー]

ご指摘ありがとうございます。回答を修正しました。

Answer 2

求めている回答ではないかもしれませんが、
キャッシュ部分がget.phpですので、phpが使える方と想定しての代案です。
コンテンツを書き出す前にキャッシュを拾ってはいかがでしょうか？

<?php
function get_cache(){
        
        $url = 'httpから始まるurl/get.php';
        // POSTデータ
        $data = array(
            "device" => "でばいす",
            "kijiCode" => "こーど"
        );
        $data = http_build_query($data, "", "&");
        // header
        $header = array(
            "Content-Type: application/x-www-form-urlencoded",
            "Content-Length: ".strlen($data)
        );
        $context = array(
            "http" => array(
                "method"  => "POST",
                "header"  => implode("\r\n", $header),
                "content" => $data
            )
        );
        $html = file_get_contents($url, false, stream_context_create($context));
        return $html;
    }
$html = get_cache();
if($html!=''){//get.phpからの返答が空以外
  echo $html;
}else{//get.phpからの返答が空の場合
  //キャッシュがなければdbから拾ってページを書き出す処理
  //または　include_once('new.php');　などで同機能を持ったプログラムを呼び出し
}
?>

もしくは、get.phpに直接、キャッシュがない場合にDBから拾って表示する部分を付け加えるのがスマートかもしれません。

jqueryやajaxの利用が必須条件であるならば、過去の回答にヒントがあるかもしれません。（未検証です。）
過去の回答