お世話になります

スマートフォンでお気に入りボタンを追加するレシピ有難うございます

商品説明の上にお気に入りボタンを設置するをやってみたのですが
表示されません　←ソース等はいれたままにしております

別途固定バナーにお気に入りボタンを追加するをやってみたのですが
アイコンがこの商品を買った人の下側左にでてしまっております

CSSにいろいろ入れているので、どれかに干渉しているのでしょうか


今までは他の.jsを使って表示していたのですが
下記.jsは表記できるので、コレを変更できれば表示できるのかなと思っております


.js部分
! function() {
"use strict";
var t = function() {
var t = jQuery("meta[property='apprakuten:item_id']").attr("content"),
i = '<div id="btn_favorit">';
i += '<a href="https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=●ショップID●&itype=1&svid=101&iid=' + t + '">お気に入りに登録する</a></div>', jQuery("#itemName").append(i)
};
t()
}(jQuery);

css部分
#btn_favorit a{
display: block;
text-align: center;
text-decoration: none;
background:#000; /* 背景色 */
color: #fff; /* 文字色 */
font-weight: bold;
letter-spacing: 1px;
font-size: 15px;
padding: 16px 0;
border-radius: 3px;
margin-bottom: 1em;
}

共通部分
<script src="https://www.rakuten.ne.jp/gold/●●●/js/fav.js" charset="UTF-8" =""=""></script 　>

別途 UTF-8 では文字化けはないのですが、Shift_JISだと文字化けもしているようですが
これはどういったことなのでしょうか

サイトはこちらとなりますので
何卒宜しくお願い致します
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/