Български | Català | Deutsche | Hrvatski | Čeština | Dansk | Nederlandse | English | Eesti keel | Français | Ελληνικά | Magyar | Italiano | Latviski | Norsk | Polski | Português | Română | Русский | Српски | Slovenský | Slovenščina | Español | Svenska | Türkçe | 汉语 | 日本語 |

P

html iframe embed

アクティブなフレーズ

情報更新日: 2026/05/16

📊 まとめ: html iframe embed

📋

検索頻度: 793

この語句に利用できる形態学的データや定義はありません。

でのポジション Google

検索フレーズ - Google

🔍

位置	ドメイン	ページ	アクション
1	w3schools.com	/tags/tag_iframe.asp
完全な URL https://w3schools.com/tags/tag_iframe.asp タイトル HTML iframe tag 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: HTML iframe tag The tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document . </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-success"> 2 </span> </td> <td> <a href="/ja/domain/developer.mozilla.org/" > developer.mozilla.org </a> </td> <td>/en-us/docs/web/html...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-2"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://developer.mozilla.org/en-us/docs/web/html/reference/elements/iframe" class="page-url" target="_blank" rel="nofollow"> https://developer.mozilla.org/en-us/docs/web/html/reference/elements/iframe </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> <iframe> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://developer.mozilla.org/en-us/docs/web/html/reference/elements/iframe" rel="nofollow" target="_blank"><iframe></a></noindex><br>The < iframe > HTML element represents a nested browsing context, embedding another HTML page into the current one. </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 5 </span> </td> <td> <a href="/ja/domain/sky.pro/" > sky.pro </a> </td> <td>/media/razlichiya-me...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-3"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://sky.pro/media/razlichiya-mezhdu-elementami-iframe-embed-i-object-v-html/" class="page-url" target="_blank" rel="nofollow"> https://sky.pro/media/razlichiya-mezhdu-elementami-iframe-embed-i-object-v-html/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> Различия между элементами iframe, embed и object в ... </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://sky.pro/media/razlichiya-mezhdu-elementami-iframe-embed-i-object-v-html/" rel="nofollow" target="_blank">Различия между элементами iframe, embed и object в ...</a></noindex><br>21 окт. 2024 г. — Элемент iframe (inline frame) — это окно, которое открывается внутри веб-страницы и в которое можно загружать другие веб-страницы. Это очень ... </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 6 </span> </td> <td> <a href="/ja/domain/help.easygenerator.com/" > help.easygenerator.com </a> </td> <td>/en/articles/677434-...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-4"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://help.easygenerator.com/en/articles/677434-how-to-create-and-embed-an-iframe" class="page-url" target="_blank" rel="nofollow"> https://help.easygenerator.com/en/articles/677434-how-to-create-and-embed-an-iframe </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> How to Create and Embed an Iframe </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://help.easygenerator.com/en/articles/677434-how-to-create-and-embed-an-iframe" rel="nofollow" target="_blank">How to Create and Embed an Iframe</a></noindex><br>To embed an iframe in a content page, select the Embed layout, choose the HTML block, and paste the iframe code there. </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 7 </span> </td> <td> <a href="/ja/domain/geeksforgeeks.org/" > geeksforgeeks.org </a> </td> <td>/html/html-iframes/</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-5"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://geeksforgeeks.org/html/html-iframes/" class="page-url" target="_blank" rel="nofollow"> https://geeksforgeeks.org/html/html-iframes/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> HTML Iframes </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://geeksforgeeks.org/html/html-iframes/" rel="nofollow" target="_blank">HTML Iframes</a></noindex><br>18 дек. 2024 г. — The src attribute specifies the URL of the document you want to embed . Iframes can include videos, maps, or entire web pages from other sources. </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 8 </span> </td> <td> <a href="/ja/domain/mimo.org/" > mimo.org </a> </td> <td>/glossary/html/ifram...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-6"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://mimo.org/glossary/html/iframe" class="page-url" target="_blank" rel="nofollow"> https://mimo.org/glossary/html/iframe </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> HTML iFrame </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://mimo.org/glossary/html/iframe" rel="nofollow" target="_blank">HTML iFrame</a></noindex><br>An HTML iFrame lets you embed external web content within a webpage . You can use it to integrate videos, maps, forms, and other interactive elements </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 9 </span> </td> <td> <a href="/ja/domain/foxminded.ua/" > foxminded.ua </a> </td> <td>/ru/iframe-chto-ehto...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-7"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://foxminded.ua/ru/iframe-chto-ehto/" class="page-url" target="_blank" rel="nofollow"> https://foxminded.ua/ru/iframe-chto-ehto/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> iFrame - что это? Использование в веб-разработке </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://foxminded.ua/ru/iframe-chto-ehto/" rel="nofollow" target="_blank">iFrame - что это? Использование в веб-разработке</a></noindex><br>28 мая 2024 г. — iframe в HTML означает встроенный фрейм . Тег <iframe> определяет прямоугольную область внутри текущего документа или веб-страницы. Веб-браузер ... </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-warning"> 10 </span> </td> <td> <a href="/ja/domain/lenovo.com/" > lenovo.com </a> </td> <td>/us/en/glossary/html...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-8"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://lenovo.com/us/en/glossary/html-iframe-tag/?srsltid=afmboorqdbrx6ibfbul2xe1dnl0pu_p8s8al0_b6soqepd_gfxtrvqug" class="page-url" target="_blank" rel="nofollow"> https://lenovo.com/us/en/glossary/html-iframe-tag/?srsltid=afmboorqdbrx6ibfbul2xe1dnl0pu_p8s8al0_b6soqepd_gfxtrvqug </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> How to Use the HTML <iframe> Tag to Embed Web Pages </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://lenovo.com/us/en/glossary/html-iframe-tag/?srsltid=afmboorqdbrx6ibfbul2xe1dnl0pu_p8s8al0_b6soqepd_gfxtrvqug" rel="nofollow" target="_blank">How to Use the HTML <iframe> Tag to Embed Web Pages</a></noindex><br>To set the source URL for the HTML <iframe> tag, use the src attribute. For example, < iframe src="https </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-danger"> 11 </span> </td> <td> <a href="/ja/domain/bluehost.com/" > bluehost.com </a> </td> <td>/blog/what-is-an-ifr...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-9"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://bluehost.com/blog/what-is-an-iframe-html/" class="page-url" target="_blank" rel="nofollow"> https://bluehost.com/blog/what-is-an-iframe-html/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> What is an iFrame? Embed Content Using HTML iFrames </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://bluehost.com/blog/what-is-an-iframe-html/" rel="nofollow" target="_blank">What is an iFrame? Embed Content Using HTML iFrames</a></noindex><br>19 мая 2025 г. — An iFrame is an HTML element used to embed another HTML document within the current web page. Think of it like a window that displays another website or piece ... </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-danger"> 12 </span> </td> <td> <a href="/ja/domain/help.snappic.com/" > help.snappic.com </a> </td> <td>/en/articles/5203087...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-10"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">完全な URL</div> <div class="page-detail-value"> <a href="https://help.snappic.com/en/articles/5203087-website-embedding-via-html-iframe-code" class="page-url" target="_blank" rel="nofollow"> https://help.snappic.com/en/articles/5203087-website-embedding-via-html-iframe-code </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">タイトル</div> <div class="page-detail-value"> Website embedding via HTML <iframe> code </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</strong><br> <noindex><a href="https://https://help.snappic.com/en/articles/5203087-website-embedding-via-html-iframe-code" rel="nofollow" target="_blank">Website embedding via HTML <iframe> code</a></noindex><br>"An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document . Unlike traditional frames, which ... </div> </div> </td> </tr> </tbody> </table> </div> <div class="pagination" id="googlePagination"> <button disabled onclick="loadSearchDomains('google', 0)">«</button> <button class="active" onclick="loadSearchDomains('google', 1)">1</button> <button class="" onclick="loadSearchDomains('google', 2)">2</button> <button class="" onclick="loadSearchDomains('google', 3)">3</button> <button class="" onclick="loadSearchDomains('google', 4)">4</button> <button onclick="loadSearchDomains('google', 2)">»</button> </div> </div> </div> <script> google.charts.load('current', { 'packages': ['corechart', 'line'], 'callback': drawChart_google}); function drawChart_google() { var data = new google.visualization.DataTable(); data.addColumn('date', '日'); data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed");data.addColumn("number", "html iframe embed"); data.addRows([ [new Date(2025, 7, 18),1,2,5,6,7,8,9,10,11,12,], ]); var options = { chart: { title: 'のトップドメイン google フレーズの検索結果: "html iframe embed"', subtitle: 'ドメインの位置履歴' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: '位置', }, hAxis: { title: '日付', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_google")); chart.draw(data, options); } </script> <!-- Phrase SEO Article --> <!-- Words Definitions --> <div class="card"> <div class="card-header"> <h2 class="card-title">html iframe embed 言葉</h2> <div class="card-icon">📚</div> </div> <div class="card-content"> <div class="word-section" style="margin-bottom: 2rem;"> <h3 style="color: var(--primary); margin-bottom: 1rem; border-bottom: 1px solid #e9ecef; padding-bottom: 0.5rem;"> html </h3> <div class="info-grid"> <div class="info-item"> <strong>Perl:</strong> <div class="text-muted" style="font-size:0.85em; margin:4px 0;"> 📖 Естественные науки </div> <span>Perl - язык программирования для разработки CGI-скриптов. Программы, написанные на Perl, запускаются на стороне сервера. Perl не является коммерческим продуктом.</span> </div> </div> </div> </div> </div> <!-- Additional Services --> <div class="card" id="additional-services"> <div class="card-header"> <h2 class="card-title">追加サービス</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="詳細な推奨事項を含む完全な SEO 監査"> <button class="cta-button" data-modal="paymentModal" data-title="完全なSEO監査" data-text="検索エンジンの順位を向上させるための詳細な推奨事項を含む完全な SEO 監査。" data-price="99.99"> 完全なSEO監査 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="100 個のキーフレーズの月次ポジション監視"> <button class="cta-button" data-modal="paymentModal" data-title="位置監視" data-text="Google と Yandex の 100 個のキーフレーズの月次位置監視。" data-price="49.99"> 位置監視 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="競合他社の分析とプロモーション戦略の特定"> <button class="cta-button" data-modal="paymentModal" data-title="競合他社の分析" data-text="競合他社の分析とプロモーション戦略の特定。" data-price="79.99"> 競合他社の分析 </button> <span class="popup-text"></span> </span> </div> </div> </div> </div> <!-- JavaScript for AJAX Pagination --> <script> // Apply filters function function applyPhraseFilters(engine) { loadSearchDomains(engine, 1); } // Load search domains for phrase function loadSearchDomains(engine, page) { const domainFilter = document.getElementById(engine + 'DomainFilter').value; const pageFilter = document.getElementById(engine + 'PageFilter').value; const phrase_id = document.getElementById('phrase_id').value; const data = { type: 'search_domains', engine: engine, page: page, phrase_id: phrase_id, // Send the phrase domain_filter: domainFilter, page_filter: pageFilter }; sendRequest('/ajax/', data, function(response) { if (response.status === 'ok') { renderSearchDomains(engine, response.data); renderPagination(engine, response.pagination); } else { showToast('エラー' + ':'+response.error); } }); } // Render domain pagination specifically for phrase pages function renderDomainPagination(engine, pagination) { const paginationContainer = document.getElementById(engine + 'Pagination'); paginationContainer.innerHTML = ''; const { current_page, total_pages, has_previous, has_next } = pagination; // Previous button const prevButton = document.createElement('button'); prevButton.innerHTML = '«'; prevButton.disabled = !has_previous; prevButton.addEventListener('click', () => { if (has_previous) loadSearchDomains(engine, current_page - 1); }); paginationContainer.appendChild(prevButton); // Page buttons for (let i = 1; i <= total_pages; i++) { const pageButton = document.createElement('button'); pageButton.textContent = i; pageButton.classList.toggle('active', i === current_page); pageButton.addEventListener('click', () => { if (i !== current_page) loadSearchDomains(engine, i); }); paginationContainer.appendChild(pageButton); } // Next button const nextButton = document.createElement('button'); nextButton.innerHTML = '»'; nextButton.disabled = !has_next; nextButton.addEventListener('click', () => { if (has_next) loadSearchDomains(engine, current_page + 1); }); paginationContainer.appendChild(nextButton); } // Get badge class based on position function getPositionBadgeClass(position) { if (position <= 3) return 'badge-success'; if (position <= 10) return 'badge-warning'; return 'badge-danger'; } // Toggle snippet visibility function toggleSnippet(button) { const snippet = button.nextElementSibling; const isVisible = snippet.style.display === 'block'; snippet.style.display = isVisible ? 'none' : 'block'; button.textContent = isVisible ? 'スニペットを表示' : 'スニペットを隠す'; } </script> <script> // Toggle page details visibility function togglePageDetails(button) { const row = button.closest('tr'); const detailsRow = row.nextElementSibling; const pageDetails = detailsRow.querySelector('.page-details'); // Close all other open page details document.querySelectorAll('.page-details').forEach(detail => { if (detail !== pageDetails) { detail.classList.remove('active'); } }); // Update all button texts document.querySelectorAll('.show-page-btn').forEach(btn => { if (btn !== button) { btn.textContent = 'ページの詳細を表示'; } }); // Toggle current page details if (pageDetails.classList.contains('active')) { pageDetails.classList.remove('active'); button.textContent = 'ページの詳細を表示'; } else { pageDetails.classList.add('active'); button.textContent = 'ページの詳細を非表示にする'; } } // Close all page details when clicking outside document.addEventListener('click', function(e) { if (!e.target.closest('.show-page-btn') && !e.target.closest('.page-details')) { document.querySelectorAll('.page-details').forEach(detail => { detail.classList.remove('active'); }); document.querySelectorAll('.show-page-btn').forEach(btn => { btn.textContent = 'ページの詳細を表示'; }); } }); // Update the renderSearchDomains function to include show page buttons function renderSearchDomains(engine, data) { const tbody = document.getElementById(engine + 'PhrasesBody'); tbody.innerHTML = ''; data.forEach((item, index) => { const row = document.createElement('tr'); // Format position with change let positionHtml = `<span class="badge ${getPositionBadgeClass(item.position)}">${item.position}</span>`; if (item.change !== null && item.change !== 0) { const changeClass = item.change > 0 ? 'positive' : 'negative'; const changeSymbol = item.change > 0 ? '+' : ''; positionHtml += `<span class="position-change ${changeClass}">(${changeSymbol}${item.change})</span>`; } row.innerHTML = ` <td>${positionHtml}</td> <td><noindex><a href="/ja/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td> <td>${item.page}</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)">ページの詳細を表示</button> </td> `; tbody.appendChild(row); // Add page details row const detailsRow = document.createElement('tr'); detailsRow.className = 'page-details-row'; detailsRow.innerHTML = ` <td colspan="4"> <div class="page-details" id="page-details-${engine}-${index}"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Full URL</div> <div class="page-detail-value"> <a href="${item.full_url \|\| '#'}" class="page-url" target="_blank" rel="nofollow"> ${item.full_url \|\| 'N/A'} </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Title</div> <div class="page-detail-value">${item.page_title \|\| 'N/A'}</div> </div> <div class="page-detail-item"> <div class="page-detail-label">Last Updated</div> <div class="page-detail-value">${item.last_updated \|\| 'N/A'}</div> </div> <div class="page-detail-item"> <div class="page-detail-label">Page Authority</div> <div class="page-detail-value">${item.page_authority \|\| 'N/A'}</div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Traffic:</span> <span class="page-metric-value">${item.traffic \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value">${item.backlinks \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Social Shares:</span> <span class="page-metric-value">${item.social_shares \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Load Time:</span> <span class="page-metric-value">${item.load_time \|\| 'N/A'}</span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Snippet Preview:</strong><br> ${item.snippet \|\| 'No snippet available'} </div> </div> </td> `; tbody.appendChild(detailsRow); }); } </script> <script> (function() { 'use strict'; // --- Configuration --- const STORAGE_KEY = 'serpuls_phrase_sections_state'; const SECTIONS_TO_COLLAPSE = [ { id: 'morphological-lemmas', title: '形態論的な補題', btnText: '補題' }, { id: 'google-search-section', title: '検索フレーズ - Google', btnText: 'Google' }, { id: 'yandex-search-section', title: '検索フレーズ - Yandex', btnText: 'Yandex' }, { id: 'book-samples-section', title: '本を使った例文・フレーズ', btnText: '本' }, { id: 'additional-services', title: '追加サービス', btnText: 'サービス' } ]; // --- Helper Functions --- function getSectionIdFromTitle(title) { if (title.includes('形態論的な補題')) return 'morphological-lemmas'; if (title.includes('検索フレーズ - Google')) return 'google-search-section'; if (title.includes('検索フレーズ - Yandex')) return 'yandex-search-section'; if (title.includes('追加サービス')) return 'additional-services'; return null; } function saveSectionState(sectionId, isCollapsed) { const savedState = localStorage.getItem(STORAGE_KEY); const state = savedState ? JSON.parse(savedState) : {}; state[sectionId] = isCollapsed; localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } function loadSectionState(sectionId) { const savedState = localStorage.getItem(STORAGE_KEY); if (!savedState) return false; const state = JSON.parse(savedState); return state[sectionId] \|\| false; } // --- Create Floating TOC --- function createFloatingTOC() { // Find all major sections (cards with a card-header) const sections = Array.from(document.querySelectorAll('.card')).map(card => { const headerEl = card.querySelector('.card-header'); if (!headerEl) return null; const titleEl = headerEl.querySelector('.card-title'); if (!titleEl) return null; const title = titleEl.innerText.trim(); // Skip sections that are too small or not needed const skipTitles = [ ]; let shouldSkip = false; for (const skipTitle of skipTitles) { if (title.includes(skipTitle) \|\| title === skipTitle) { shouldSkip = true; break; } } if (shouldSkip) return null; // Create a unique ID for the section if it doesn't have one let id = card.id; if (!id) { id = 'section-' + Math.random().toString(36).substr(2, 8); card.id = id; } return { id, title, element: card }; }).filter(s => s !== null); if (sections.length < 2) return; // Create TOC container const tocContainer = document.createElement('div'); tocContainer.id = 'floating-toc'; tocContainer.className = 'floating-toc'; tocContainer.innerHTML = ` <div class="floating-toc-header"> <span>📑 目次</span> <button id="toc-toggle-btn" class="toc-toggle-btn" aria-label="目次を折りたたむ">−</button> </div> <div id="toc-links-container" class="toc-links-container"> ${sections.map(section => `<a href="#${section.id}" class="toc-link" data-id="${section.id}">${escapeHtml(section.title)}</a>`).join('')} </div> `; document.body.appendChild(tocContainer); // Toggle TOC visibility const toggleBtn = document.getElementById('toc-toggle-btn'); const linksContainer = document.getElementById('toc-links-container'); let isTocExpanded = true; toggleBtn.addEventListener('click', () => { if (isTocExpanded) { linksContainer.style.display = 'none'; toggleBtn.textContent = '+'; tocContainer.classList.add('collapsed'); } else { linksContainer.style.display = 'block'; toggleBtn.textContent = '−'; tocContainer.classList.remove('collapsed'); } isTocExpanded = !isTocExpanded; }); // Highlight active section on scroll const tocLinks = document.querySelectorAll('.toc-link'); const sectionElements = sections.map(s => s.element); function updateActiveLink() { let current = ''; const scrollPosition = window.scrollY + 100; for (const section of sectionElements) { const sectionTop = section.offsetTop; const sectionBottom = sectionTop + section.offsetHeight; if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) { current = section.id; break; } } tocLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('data-id') === current) { link.classList.add('active'); } }); } window.addEventListener('scroll', updateActiveLink); updateActiveLink(); // Smooth scroll tocLinks.forEach(link => { link.addEventListener('click', (e) => { e.preventDefault(); const targetId = link.getAttribute('data-id'); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); } // --- Add Collapsible Buttons to Sections --- function addCollapsibleButtons() { SECTIONS_TO_COLLAPSE.forEach(section => { // Find the card by its title let targetCard = null; const cards = document.querySelectorAll('.card'); for (const card of cards) { const titleEl = card.querySelector('.card-title'); if (titleEl && titleEl.innerText.trim() === section.title) { targetCard = card; break; } } if (!targetCard) return; // Set ID if not exists if (!targetCard.id) targetCard.id = section.id; // Create button const button = document.createElement('button'); button.className = 'collapse-section-btn'; button.setAttribute('data-section-id', section.id); button.setAttribute('aria-label', 'セクションを折りたたむ/展開する'); // Get initial state const isCollapsed = loadSectionState(section.id); if (isCollapsed) { button.innerHTML = '➕'; targetCard.classList.add('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = 'none'; } else { button.innerHTML = '➖'; targetCard.classList.remove('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = ''; } // Insert button into card-header const cardHeader = targetCard.querySelector('.card-header'); if (cardHeader) { const iconDiv = cardHeader.querySelector('.card-icon'); if (iconDiv) { cardHeader.insertBefore(button, iconDiv); } else { cardHeader.appendChild(button); } // Add click handler button.addEventListener('click', (e) => { e.stopPropagation(); const sectionId = button.getAttribute('data-section-id'); const card = document.getElementById(sectionId); if (!card) return; const content = card.querySelector('.card-content'); if (!content) return; if (card.classList.contains('section-collapsed')) { // Expand content.style.display = ''; card.classList.remove('section-collapsed'); button.innerHTML = '➖'; saveSectionState(sectionId, false); } else { // Collapse content.style.display = 'none'; card.classList.add('section-collapsed'); button.innerHTML = '➕'; saveSectionState(sectionId, true); } }); } }); } // --- Create Back to Top Button --- function createBackToTopButton() { const btn = document.createElement('button'); btn.id = 'back-to-top'; btn.innerHTML = '↑'; btn.setAttribute('aria-label', 'トップに戻る'); btn.className = 'back-to-top-btn'; document.body.appendChild(btn); window.addEventListener('scroll', () => { if (window.scrollY > 500) { btn.classList.add('visible'); } else { btn.classList.remove('visible'); } }); btn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); } // --- Improve Table Responsiveness (add scroll hints) --- function improveTables() { const tables = document.querySelectorAll('.data-table, .tasks-table'); tables.forEach(table => { const container = table.closest('.table-responsive') \|\| table.parentElement; if (container && !container.querySelector('.scroll-hint')) { const hint = document.createElement('div'); hint.className = 'scroll-hint'; hint.innerHTML = '← → スワイプしてさらに表示'; hint.style.cssText = ` display: none; text-align: center; font-size: 0.7rem; color: var(--gray); margin-top: 0.5rem; padding: 0.25rem; background: rgba(67, 97, 238, 0.05); border-radius: 12px; `; container.style.position = 'relative'; container.appendChild(hint); // Show hint if table is wider than container function checkScroll() { if (container.scrollWidth > container.clientWidth) { hint.style.display = 'block'; } else { hint.style.display = 'none'; } } checkScroll(); window.addEventListener('resize', checkScroll); container.addEventListener('scroll', () => { hint.style.opacity = '0.5'; setTimeout(() => { hint.style.opacity = '1'; }, 300); }); } }); } // --- Escape HTML helper --- function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } // --- Add custom styles for new elements --- function addCustomStyles() { const style = document.createElement('style'); style.textContent = ` /* Floating TOC / .floating-toc { position: fixed; top: 80px; right: 20px; z-index: 1000; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #e9ecef; width: 260px; max-width: calc(100% - 40px); transition: all 0.3s ease; backdrop-filter: blur(8px); background: rgba(255,255,255,0.95); } .floating-toc-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border-radius: 12px 12px 0 0; font-weight: 600; font-size: 0.9rem; cursor: pointer; } .toc-toggle-btn { background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; } .toc-toggle-btn:hover { background: rgba(255,255,255,0.2); } .floating-toc.collapsed { width: auto; } .floating-toc.collapsed .floating-toc-header { border-radius: 12px; } .toc-links-container { max-height: 400px; overflow-y: auto; padding: 8px 0; } .toc-link { display: block; padding: 8px 15px; color: var(--dark); text-decoration: none; font-size: 0.85rem; transition: all 0.2s; border-left: 3px solid transparent; } .toc-link:hover { background: rgba(67, 97, 238, 0.05); color: var(--primary); padding-left: 20px; } .toc-link.active { background: rgba(67, 97, 238, 0.1); border-left-color: var(--primary); color: var(--primary); font-weight: 500; } / Collapse button in cards / .collapse-section-btn { background: none; border: none; font-size: 1.1rem; cursor: pointer; width: 28px; height: 28px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s; color: var(--gray); margin-right: 8px; } .collapse-section-btn:hover { background: rgba(67, 97, 238, 0.1); color: var(--primary); } .card.section-collapsed .card-header { border-bottom: none; } / Back to Top Button / .back-to-top-btn { position: fixed; bottom: 30px; right: 30px; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border: none; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4); } .back-to-top-btn.visible { opacity: 1; visibility: visible; } .back-to-top-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(67, 97, 238, 0.5); } / Mobile adjustments / @media (max-width: 768px) { .floating-toc { top: auto; bottom: 20px; right: 20px; left: auto; width: 48px; overflow: hidden; } .floating-toc .floating-toc-header span { display: none; } .floating-toc .floating-toc-header { justify-content: center; padding: 12px; } .floating-toc .toc-toggle-btn { margin: 0; } .floating-toc:not(.collapsed) { width: 260px; left: auto; right: 20px; bottom: 20px; top: auto; } .floating-toc:not(.collapsed) .floating-toc-header span { display: inline; } .floating-toc:not(.collapsed) .floating-toc-header { justify-content: space-between; } .back-to-top-btn { bottom: 80px; right: 20px; width: 40px; height: 40px; font-size: 1.2rem; } .scroll-hint { display: block !important; font-size: 0.65rem; } } / Smooth scroll behavior / html { scroll-behavior: smooth; } / Better card transitions / .card .card-content { transition: display 0.2s ease; } / RTL support for languages like Arabic/Hebrew / [dir="rtl"] .floating-toc { right: auto; left: 20px; } [dir="rtl"] .back-to-top-btn { right: auto; left: 30px; } [dir="rtl"] .collapse-section-btn { margin-right: 0; margin-left: 8px; } `; document.head.appendChild(style); } // --- Initialize everything when DOM is ready --- function init() { addCustomStyles(); createFloatingTOC(); addCollapsibleButtons(); createBackToTopButton(); improveTables(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); </script></div> <!-- Footer --> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h3>About serpuls.com</h3> <div class="footer-info"> <p>検索エンジン分析、順位監視、SEO 最適化のためのプロフェッショナルツール。</p> <p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p> <p><strong>会社番号:</strong> SL027564</p> <p><strong>住所:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p> </div> </div> <div class="footer-section"> <h3>クイックリンク</h3> <ul class="footer-links"> <li><a href="/ja/">家</a></li> <li><a href="/ja/profile/">プロフィール</a></li> <li><a href="/ja/tasks/">監視タスク</a></li> <li><a href="/ja/api_docs/">APIドキュメント</a></li> <li><a href="/ja/team/">私たちのチーム</a></li> </ul> </div> <div class="footer-section"> <h3>リソース</h3> <ul class="footer-links"> <li><a href="/ja/blogs/">ブログ</a></li> <li><a href="/ja/faq/">よくある質問</a></li> <li><a href="/ja/support/">サポート</a></li> </ul> </div> <div class="footer-section"> <h3>連絡先</h3> <div class="footer-info"> <p>電子メール: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p> <p>電報: <a href="https://t.me/serpulse_support">@serpulse_support</a></p> <div class="social-links"> <a href="#" class="social-link" title="電報">📱</a> <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a> <a href="#" class="social-link" title="ツイッター">🐦</a> </div> </div> </div> </div> <div class="footer-bottom"> <p class="copyright">© 2026 serpuls.com. 無断転載を禁じます. Skynet360 LP.</p> <div class="footer-bottom-links"> <a href="/ja/privacy/">プライバシーポリシー</a> <a href="/ja/terms/">利用規約</a> <a href="/ja/agreement/">ユーザー同意書</a> <a href="/ja/cookie/">クッキーポリシー</a> </div> </div> </div> </footer> <!-- Updated Payment Modal HTML --> <div class="modal" id="paymentModal"> <div class="modal-content"> <span class="close-btn">×</span> <div class="modal-success" id="paymentSuccess"> <div class="success-icon">✓</div> <h3>支払いが成功しました！</h3> <p>ご注文ありがとうございます。すぐにご連絡させていただきます。</p> <button class="cta-button" onclick="closeModal('paymentModal')">近い</button> </div> <form id="paymentForm" onsubmit="return processPayment(event)"> <h2 class="modal-title" id="modalTitle">サービスの支払い</h2> <p class="modal-text" id="modalText">サービスの説明</p> <!-- Hidden fields for payment type and ID --> <input type="hidden" id="paymentType" name="payment_type" value=""> <input type="hidden" id="paymentItemId" name="payment_item_id" value=""> <!-- Payment Options --> <div class="payment-options" id="paymentOptions"> <!-- Options will be dynamically generated here --> </div> <!-- Manual Price Input (Optional) - Now dynamically shown based on config --> <div class="form-group" id="manualPriceGroup" style="display: none;"> <label for="manualPrice">金額 (USD) を入力してください:</label> <input type="number" id="manualPrice" class="form-control" placeholder="金額を入力してください" min="1" max="1000" step="0.01" oninput="updateManualPrice(this.value)"> <div class="error-message" id="manualPriceError"></div> </div> <!-- Custom Price Option Toggle - Now dynamically shown --> <div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;"> <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;"> <input type="radio" id="customPriceRadio" name="paymentOption" value="custom" onchange="toggleCustomPriceSelection(this.checked)"> カスタム金額を入力してください </label> </div> <div class="form-group"> <label for="modalName">名前：</label> <input type="text" id="modalName" class="form-control" placeholder="あなたの名前を入力してください" required> <div class="error-message" id="modalNameError"></div> </div> <div class="form-group"> <label for="modalEmail">電子メール:</label> <input type="email" id="modalEmail" class="form-control" placeholder="メールアドレスを入力してください" required> <div class="error-message" id="modalEmailError"></div> </div> <p class="modal-price" id="modalPrice">価格: $0.00</p> <button type="submit" class="cta-button" id="payButton">支払う $0.00</button> </form> </div> </div> <!-- Redirect Modal (for iframe) --> <div class="modal" id="redirectModal"> <div class="modal-content modal-large"> <span class="close-btn">×</span> <h2 class="modal-title">支払い</h2> <iframe id="redirectIframe" class="modal-iframe" src=""> × ログイン登録するアカウントにサインインする電子メール: パスワード：または続行してください Telegram にサインインするには、まず上記の Telegram に接続されている Serpulse アカウントの電子メールを入力します。アカウントを作成する名前：電子メール: パスワード：パスワードを認証する：またはアカウントを作成してくださいパスワードとテレグラム登録にはメール認証が必要です。 Google および GitHub の登録では、プロバイダーから返された確認済みメールが使用されます。 × 🔐 検証コードコードは Telegram に送信されました。以下に入力してください。有効なコード: 05:00 × 📱 Telegramへの登録を完了する Telegram が新しいタブで開きました。ボットが自動的に開かなかった場合は、下のボタンを使用するか、QR コードをスキャンしてください。 QR コードをスキャンしてボットを開きます確認を待っています... 05:00 仕組み:* 1. [Open Telegram] をクリックするか、QR コードをスキャンします 2. ボットで [開始] をクリックし、電話番号を共有します。 3. 確認ステータスは自動的に更新されます × 📧 メールアドレスを確認してください受信箱を確認し、送信された確認リンクをクリックしてください。電子メールが認証されるまで、パスワードを使用してサインインすることはできません。 ×