Yahoo! ID連携

Yahoo! JAPAN IDログインボタン

下記のソースを参考にして「Yahoo! JAPAN IDでログイン」のリンクやボタン画像をウェブサイト上に配置してください。これらのリンクやボタン画像を利用する際には、Yahoo! JAPAN IDログインボタンの注意事項を必ずお読みください。

JavaScript

※"#", "http://www.yahoo.co.jp/" の部分は必要に応じて書き換えてご利用ください。

Yahoo! JAPAN IDでログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "a",
        textType: "a",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPAN IDでログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "b",
        textType: "a",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPAN IDでログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "c",
        textType: "a",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPAN IDでログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "d",
        textType: "a",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

ログインして自動入力

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "a",
        textType: "b",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

ログインして自動入力

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "b",
        textType: "b",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

ログインして自動入力

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "c",
        textType: "b",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

ログインして自動入力

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.ImageButton.init({
        type: "d",
        textType: "b",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPANログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.TextButton.init({
        type: "a",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPANYahoo! JAPAN IDでログイン

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.TextButton.init({
        type: "b",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

Yahoo! JAPANログインして自動入力

<span class="yconnectLogin"></span>
<noscript><a href="#">ログイン</a></noscript>

<script type="text/javascript">
window.yconnectInit = function() {
    YAHOO.JP.yconnect.TextButton.init({
        type: "c",
        url: "http://www.yahoo.co.jp/"
    });
};
</script>
<script type="text/javascript" src="https://s.yimg.jp/images/login/yconnect/button/1.0.1/button-min.js"></script>

ボタン画像

Yahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/btn_login_a_196.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_login_a_392.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

Yahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/btn_login_b_196.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_login_b_392.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

Yahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/btn_login_c_196.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_login_c_392.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

Yahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/btn_login_d_196.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_login_d_392.png" width="196" height="38" alt="Yahoo! JAPAN IDでログイン" border="0">

ログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/btn_autofill_a_280.png" width="280" height="38" alt="ログインして自動入力" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_autofill_a_560.png" width="280" height="38" alt="ログインして自動入力" border="0">

ログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/btn_autofill_b_280.png" width="280" height="38" alt="ログインして自動入力" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_autofill_b_560.png" width="280" height="38" alt="ログインして自動入力" border="0">

ログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/btn_autofill_c_280.png" width="280" height="38" alt="ログインして自動入力" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_autofill_c_560.png" width="280" height="38" alt="ログインして自動入力" border="0">

ログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/btn_autofill_d_280.png" width="280" height="38" alt="ログインして自動入力" border="0">

<!-- 高解像度スマートフォン・タブレット向け -->
<img src="https://s.yimg.jp/images/login/btn/btn_autofill_d_560.png" width="280" height="38" alt="ログインして自動入力" border="0">

リンク

※"#"の部分は必要に応じて書き換えてご利用ください。

Yahoo! JAPANログイン

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#" style="font-size:small;">ログイン</a>

Yahoo! JAPANログイン

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#">ログイン</a>

Yahoo! JAPANYahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#" style="font-size:small;">Yahoo! JAPAN IDでログイン</a>

Yahoo! JAPANYahoo! JAPAN IDでログイン

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#">Yahoo! JAPAN IDでログイン</a>

Yahoo! JAPANログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#" style="font-size:small;">ログインして自動入力</a>

Yahoo! JAPANログインして自動入力

<img src="https://s.yimg.jp/images/login/btn/ymark_r_13_2x.png" width="27" height="13" alt="Yahoo! JAPAN" border="0" style="vertical-align:middle;margin-right:3px;"><a href="#">ログインして自動入力</a>