レコメンド表示後に複数回Javascriptを実行する – Rtoaster サポートセンター

レコメンド表示後に任意のJavascriptを複数回実行する場合には、Rtoaster.listen()を使用します。

実装例

<script type="text/javascript">
  Rtoaster.listen(elementId, function(e) {

      --ここに任意のJavascriptを記載--

  });
</script>

上記記述を行った場合、Rtoaster.recommendNow()実行後、
指定したエレメントIDに対応するレコメンド場所のHTMLがレコメンドコンテンツに書き換えられた
タイミングでJavascriptが実行されます。

■ Rtoaster.listen()を利用した動作イメージ

【例】

レコメンド場所2箇所："element_id1", "element_id2"

<div id="element_id1"></div>
<div id="element_id2"></div>
<script type="text/javascript">
  Rtoaster.listen("element_id1", function(e) {
      alert("1st function for element_id1");
  });

  Rtoaster.listen("element_id1", function(e) {
      alert("2nd function for element_id1");
  });

  Rtoaster.listen("element_id2", function(e) {
      alert("1st function for element_id2");
  });

Rtoaster.recommendNow("element_id1", "element_id2");
</script>

【レコメンド結果】

"element_id1"＝レコメンドコンテンツの書き換えあり
"element_id2"＝レコメンドコンテンツの書き換えなし

【Rtoaster.listen()動作結果】

　"element_id1"にセットされたコールバック関数が、設定順に以下のとおり呼び出されます。

“1st function for element_id1”
“2nd function for element_id1”

Rtoaster.callbackとRtoaster.listen()が両方設定された場合、
同じエレメントIDに対してはRtoaster.listenが先に呼び出されます。