アメブロ on 島のWeb屋

アメブロの「下書きボタン」がいつでも押せるようになって欲しい

Tue, 20 Aug 2024 17:30:22 +0000

アメブロのパソコン版の記事エディタで、

「下書きボタンがいつでも押せるようになって欲しい」

という声を聞いたんですが、確かに、

「いちいちスクロールしないと押せないのは使いにくいな」

と感じますね。

記事エディタの画面を見ると、タイトルを入力する欄の右側が空いているので、

ここに下書きボタンを置いて
スクロールしても居座るようにする

と便利なのでは？

と思うんですが、どうでしょう？

「いいと思う！」「それよりも、ここが良いのでは？」

などのご意見などあれば聞かせてほしいです。

YouTube動画をアメブロに貼り付けると画面からはみ出してしまう問題への対処方法

Wed, 03 Apr 2024 23:20:52 +0000

アメブロに普通にYouTubeの動画を貼り付けると、スマートフォンのブラウザで見た時に画面から左右がはみ出してしまい、全体が表示されません。

Amebaアプリで見ると問題のない表示ですが、ブラウザでは、iPhone版のSafariでも、Android版のChromeでも次の画像のようになります。

アスペクト比が16:9の一般的な動画ですが、この表示では左右がはみ出して見えんくなってしまっているため、12:10くらいの動画であるかのような表示になってしまっています。

また、パソコン版の2カラムレイアウトでは逆に横幅が記事の幅に足りず、右に空白ができてしまいます。

つまり、アメブロのユーザー以外、つまりアプリをインストールしていない人が見てくれた時は、かなりの確率で、ちょっとカッコワルい表示になっていると思ったほうが良さそうです。

というわけで、この問題への対処方法を考えてみたところ、概ね問題ないと思われるタグができましたので、ご紹介します。

（ご紹介するのはパソコンでの操作になります）

YouTube動画をアメブロの記事の幅にピッタリ収まるように貼り付ける方法

まず、YouTubeから記事に貼り付けたい動画の埋め込みコードを持ってきます。

下の画像のように、貼り付けたい動画を開き、「共有」→「埋め込む」の順にクリックします。

「動画の埋め込み」が表示されたら「コピー」をクリックします。

これで、埋め込みコードがクリップボードにコピーされましたので、それをメモ帳などのテキストエディタで編集します。

今回は、↓サンプルとしてこの埋め込みコードを使ってみます。

<iframe width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

まず、最初の<iframeの後ろに以下のコード（style属性）を追加します。

style="margin:0;min-width:0;width:100%;height:100%"

iframeと「このコード」の間にも、「このコード」と次のwidthの間にも、必ずスペース（空白文字）が必要ですのでくっつかないよう注意して下さい。

追加後の埋め込みコードは、次のようになります。

<iframe style="margin:0;min-width:0;width:100%;height:100%" width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>

更に、これの前に、

<div style="position:relative;padding:56.25% 0 0 0;width:100%;"><div style="position:absolute;left:0;top:0;width:100%;height:100%;">

後ろに、

</div></div>

を付けます。

結果、埋め込みコード全体は、次のようになります。

<div style="position:relative;padding:56.25% 0 0 0;width:100%;"><div style="position:absolute;left:0;top:0;width:100%;height:100%;"><iframe style="margin:0;min-width:0;width:100%;height:100%" width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>

実際に貼り付けた例

修正した埋め込みコードでYouTube動画を貼り付けると・・・、

このように、スマホ画面の左右にはみ出さず、他の文字と同じ記事の幅にピッタリ合うようにYouTubeの動画を貼り付けることができます。

アメブロの記事に貼り付けた画像がスマホ版ブラウザで見たときに勝手に拡大され表示が崩れてしまう問題への対処方法

Sun, 25 Feb 2024 14:30:26 +0000

アメブロには、スマートフォン版ブラウザで見たときだけ、記事に貼り付けた画像の横幅が画面の横幅と同じサイズになるまで拡大表示されるという仕様があります（2024/02/25現在）。

Amebaアプリや、パソコン版ブラウザ、iPad版ブラウザではそのようなことが起こらないため、画像の貼り付け方によっては、スマホ版ブラウザで見たときだけ表示が崩れることになってしまいます。

本当に困った仕様ですが、調べてみたところ、対処方法がありましたのでご紹介したいと思います。

Amebaアプリを使っていると、スマホ版ブラウザで自身のアメブロを見ることは少なくなると思いますが、スマホ版ブラウザの画面は、GoogleやSNSからの訪問者が見る画面なので、このあたりからのアクセス流入や集客を考えている方は、ちゃんとチェックして対策しておくほうが良いでしょう。

どのように表示が崩れるのか？

ではまず、具体的にどのように表示が崩れるのか？を見てみます。

囲み枠に入れない場合

最初に、囲み枠などに入れずに、記事枠内にダイレクトに貼り付けた場合です。

↓こちらは、PC版の記事エディタで普通に画像を貼り付けて、PCで表示した例です。

これを、スマホのAmebaアプリで見ると、↓このように表示されます。

1枚目と2枚目の間が妙に広く空いていますが、まあ何とか許容範囲でしょうか。

そして、これを、スマホ版ブラウザで見ると、↓このように表示されます。

2枚目だけ、左右の余白などを一切無視して、画面幅いっぱいまで拡大されました。

ちなみに、これは、Android版のGoogle Chromeでの表示ですが、iPhone版のChromeやSafariでも同様でした。

なぜ2枚目だけなのか？にも理由がありますが、それは後ほど。

囲み枠に入れた場合

次に、簡単な囲み枠に入れた場合を見てみます。

パソコンで↓このように表示される場合です。

スマホのAmebaアプリで見ると、↓このように表示されました。

やはり、と2枚目の間が妙に広く空いてしまいますが、破綻はしていません。

そして、問題のスマホ版ブラウザで見た場合は、↓このように表示されます。

もう、これはダメですね。

2枚目の画像が、表示位置もおかしいですし、右側が画面外にはみ出してしまっています。

ご自身の記事をAmebaアプリ、PC版ブラウザ、スマホ版ブラウザの全てで確認する人は少ないかもしれませんので、確認してみてこんな事になっていると知ってしまうと、驚くでしょうね。

かく言う私も、とても驚きました。

表示が崩れる原因と対策は？

さて、上のように、記事に貼り付けた画像がスマホ版ブラウザで見た場合だけ表示が崩れてしまうのには、もちろん原因があります。

それは、スマホ版ブラウザで記事を表示するときに、次のような処理が行われているためです。

記事に貼り付けられた横幅が400ピクセル以上ある画像の<img>タグに、　data-amb-layout="fill-width" という属性が追加される。
その属性の付いている画像に対して「位置を左へ16pxずらす」「横幅の最小値を画面の横幅にする」という内容のスタイルが適用される。

「属性」とか「スタイル」とか少々専門用語が出ましたが、要は、横幅が400ピクセル未満であれば処理の対象外ということです。

上の例で、2枚の画像のうちの1枚目の表示が崩れなかったのは、実は、画像の横幅が399ピクセルだったからです（2枚目は400ピクセルです）。

なので、当記事で問題にしている「スマホ版ブラウザで表示が崩れてしまう処理」を回避するには、次の画像のように、画像を貼り付ける時は横幅を399ピクセル以下にすると良いということになります。

大きな画像は使えないのか？

では、スマホ版ブラウザでの表示のことを考えると、400ピクセル以上の大きな画像は使えないのでしょうか？

実は、囲み枠に少し工夫をすることで使えます。

↓こちらは、これまでと同じ、横幅が399ピクセルと400ピクセルの2枚の画像を貼り付けたものをスマホ版ブラウザで見たものですが、2枚目の画像も拡大されず、はみ出してもいません。

どうやら、スマホ版ブラウザで表示したときでも、アメブロの記事エディタで用意されている囲み枠の中に貼り付けた画像は、たとえ横幅が400ピクセル以上でも、上記のような拡大処理はしないことになってるようです。

つまり、アメブロの記事エディタで用意されている囲み枠の中に入れるか、もしくは、自作の囲み枠でも、アメブロの記事エディタで用意されているものに仕様を合わせることで、その囲み枠の中に貼り付けた画像を表示崩れの元になる拡大処理の対象外とすることができます。

具体的には、囲み枠の一番外側の要素(HTMLタグ)にdata-entrydesign-part=""という属性を設定すればOKです。

例えば、元が、

<div style="border:2px solid #666;border-radius:4px;padding:20px">囲み枠の中身</div>

という囲み枠だったとすると、これを、

アメブロのフォロー＆フォロワーが状態によってお互いどのように見えるのか？

Sun, 16 Jul 2023 22:47:05 +0000

アメブロのフォローおよびフォロワーが、状態によって管理画面でお互いにどのように見えるか？についてまとめておきたいと思います。

なお、「非公開でフォロー」すると相手には全く分からず、ただただ、ひっそりとフォロー先の更新情報を受け取れるようになるだけなので、あくまでも「公開でフォロー」した場合の話です。

「あなた」が「相手」をフォローする場合で書きます（当然、「相手」からフォローされる場合は逆になります）。

相手のフォロー受付が「全て承認する」の場合

まず、相手（フォロー先）のフォロー受付設定が「全て承認する」になっている場合です。

この場合、あなたは、即座に相手の公開フォロワーとなり、相手の管理画面のフォロワー一覧（「あなたのブログのフォロワー」という画面）にも承認済みの状態で表示され、相手から見て、あなたがフォロワーになったことがわかります。

あなたの管理画面のフォロー先一覧（「フォローしたブログ」という画面）でも即座に「●承認済み」と表示されます。

そして、あなたのホーム画面のフォローフィードに相手のアメブロの更新情報が届くようになりますし、お互いのアメブロの公開画面にフォロー＆フォロワーとして表示されます。

相手のフォロー受付が「選択する」の場合

フォロー先のフォロー受付設定が「選択する」になっている場合は少々複雑です。

フォロー申請した直後

まず、フォロー申請した直後ですが、

相手側には、・管理画面のフォロワー一覧に「承認待ち」状態で表示される。・アメブロの公開ページには、まだフォロワーとして表示されない。

あなた側は、・管理画面のフォロー先一覧に、「●申請中」で表示。・フォローフィードには相手の更新情報が届くようになる。・アメブロの公開ページには、まだフォロー先として表示されない。

という状態になります。

フォロー申請が却下（削除）された場合

もし、フォロー申請が相手に承認されずに却下（削除）された場合は、

相手側では、・管理画面のフォロワー一覧からフォロー申請の情報が消えます。・当然、アメブロの公開ページには表示されないままです。

あなた側は、・管理画面のフォロー先一覧は、「●申請中」のまま。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページには、フォロー先として表示されないまま。

となります。

つまり、あなた側（フォロー申請した側）では、フォロー申請が却下（削除）されたのか？それともまだ承認されていないだけなのか？を知ることができません。

フォロー申請が承認されると

無事にフォロー申請が承認された場合は、

相手側では、・管理画面のフォロワー一覧での表示が「承認済み」の状態になる。・アメブロの公開ページに、フォロワーとして表示さる。

あなた側は、・管理画面のフォロー先一覧で、「●承認済み」になる。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページには、フォロー先として表示さる。

相手のフォロー受付が「すべて拒否する」の場合

フォロー受付の設定が「すべて拒否する」の場合は、そもそも「公開でフォロー」のボタンが表示されないので、この記事の説明としては対象外となります。

承認済みのフォローが削除されると

既に相手のフォロワーとして承認済みであっても、残念ながら、場合によっては相手から削除されてしまうことがあります。

その場合は、

相手側では、・管理画面のフォロワー一覧からあなたの情報が消える（消えるので、以後もう承認できない）。・アメブロの公開ページでもフォロワーとして表示されなくなる。

あなた側では、・管理画面のフォロー先一覧では「●申請中」に戻る。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページに、フォロー先として表示されなくなる。

という状態になります。

これは、フォロー申請した時に、承認されずに却下（削除）された場合と同じ状態になるということです。

つまり、一度「●承認済み」になっていたのに「●申請中」に戻った場合、あなたは相手のアメブロのフォロワー一覧から削除されたということです。

しかし、削除されても、ホーム画面で相手の更新情報は届く状態のままなので、フォロワーから削除されてもフォロー管理画面を開かなければ気づきにくいかもしれませんね。

フォローを削除した場合

逆に、既に承認されているフォローをやめてしまう場合もあると思います。

アメブロのリブログ機能を理解して有効に使おう

Thu, 14 Apr 2022 01:45:20 +0000

アメブロには「リブログ」という、他のアメブロユーザーの記事を簡単に紹介できる機能があります。

リブログとは、他のアメブロユーザーの記事の冒頭部分を自分のアメブロに貼り付けて（埋め込んで）投稿するアメブロ独自の機能で、一般的な引用とリンクによる紹介とはかなり趣の異なる仕組みになっています。

せっかくある機能、仕組みを理解して活用していければと思いますので、リブログがどのようなものなのかを少しご紹介したいと思います。

なお、画面の紹介は何れもパソコン版のものです。

また、デザインなどは記事をご覧になる時点では変わっているかもしれませんのでご了承下さい。

リブログしてもらう側

まず、リブログしてもらう側です。

記事下に「リブログする」ボタンと「リブログ一覧」リンク

アメブロの記事の記事下には「リブログする」というボタンと「リブログ一覧」というリンクが表示されます。

ただし、デザインによっては（新CSS編集用デザインなどでは）、1件以上リブログされるまでは「リブログ一覧」リンクは表示されません。

他のアメブロユーザー（自分でもできます）がリブログしてくれる（リブログ機能を使って紹介してくれる）時は、「リブログする」ボタンをクリックします。

リブログのしかたは簡単で、この「リブログする」ボタンをクリックするだけです。

クリックすると、reblogCard（リブログカード）というクラス名の付いたiframeタグが自動的に貼り付けられた新規記事作成画面が開きますので、あとはその前後にリブログ先の紹介など、記事本文の内容を書くだけです。

「リブログ一覧」リンクの方は、このリンクをクリックすると、今までにその記事をリブログしてくれたアメブロユーザーの記事へのリンクが一覧表示されるようになっています。

リブログしてくれた人の記事が表示される

また、他のアメブロユーザーがリブログ機能を使って紹介する（つまり「リブログする」）と、リブログされた側のアメブロ記事の下の方（コメントの上）に、直近にリブログした人の記事の一部が一件だけ表示されます。

リブログは拒否できる

なお、リブログは、記事ごとに拒否することができるほか、アメブロの基本設定画面(https://blog.ameba.jp/ucs/blog/bloginfoinput.do)で、全記事一括拒否する（既に自分の記事下にある情報も非表示にする）ことが可能です。

具体的には、「リブログの受付」を「受け付けない」にすると「リブログする」ボタンも「リブログ一覧」リンクも、すべての記事で表示されなくなります。

ただし、「リブログする」ボタンを非表示にしてもリブログされたというデータはそのまま残りますので、リブログされた記事自体を削除または下書き状態にしない限り、リブログした人の記事には表示され、過去に遡って完全にリブログをなかったことにはできないようです。

迷惑リブログ対策

なお、悪意のあるリブログや迷惑なリブログをされた場合などは、リブログ履歴画面(http://blog.ameba.jp/ucs/reblog/list.html)で、そのリブログされた情報を自分の記事のリブログ一覧に表示されないように（非公開に）することが可能です。

リブログする側

次は、リブログする側です。

リブログで貼り付けられる内容

誰かの記事の「リブログする」ボタンをクリックすると、その記事の内容の一部がiframeタグで埋め込まれた記事が新規作成されます（以下、この埋め込まれたiframeタグをリブログカードと呼びます）。

リブログカードには、ブログ名やタイトルとともに、画像がある記事の場合はサムネイル画像と記事冒頭の101文字、画像がない記事の場合は記事冒頭の121文字が表示されるようです。

リブログカードは、一般的な紹介で用いられるような「記事タイトル＋記事の一部引用＋画像＋リンク」というものではなく、リブログ用に用意された専用の記事ページがiframeというタグを使って埋め込まれる仕組みになっています。

例えば、こんなページの内容が埋め込まれます。

埋め込まれるページには、元のリブログされた記事の内容がリアルタイムに反映されるようで、リブログされた記事が変更されると、リブログカード内の内容も代わります。

例えば、以前リブログして貼り付けたリブログカードの中身が、いつの間にか全く別の内容に書きかわっていたなどということも起こり得るでしょう。

自分のブログに表示されるのはとても許容できないような内容に変わる可能性も大いにありますので、何でもかんでも無闇にリブログしないよう心掛けたほうが良いと思います。

あと、リブログされた記事が削除、或いは下書き状態にされた場合は、リブログカードの内容は「記事が存在しない、または削除された為表示できません」という内容に変わり、クリックしてもリブログ元の記事に移動しないようになります。

それから、リブログした記事を更にリブログすることもできますが、リブログカードの中には、元記事のリブログカードは表示されないようです。

まとめ

以上、アメブロのリブログ機能について、分かった範囲でまとめてみました。

もし参考になりましたら幸いです。

よく出来ている部分、迷惑利用も可能な部分、両方ありますが、上手く使うとユーザー間の交流を深める良いきっかけにもなりそうですね。

また、自分のアメブロの記事をリブログすることもできますので、過去記事に言及しながら新しい記事を書く場合などにも便利です。

あと、もし間違いなどあれば、ぜひご指摘下さい。

アメブロの運営から警告が来たときの話_

Wed, 13 Apr 2022 15:00:09 +0000

もうずいぶん前の話になりますが、私のアメブロのアカウントにアメブロの運営から警告メッセージが来たことがあります。

アメブロの運営から届いた警告メッセージ

届いたのは、↓こんな警告メッセージです。

送信者もヘルプに書かれているのと同じでした。

なので、イタズラとかではありません。

内容を要約すると・・・、

「あなたがメッセージで規約違反したのを見つけました！やめないと強制退会もありますよ！」

ということのようです。

心当たりがありました

このメッセージを受け取って、最近やり取りしたメッセージを確認しながら、考えてみたんですが・・・

心当たりがありました。

実は、別のアメブロユーザーにユーザーIDとパスワードをメッセージで教えました。

それが、規約の第5条に引っかかったのではないかと思います。

つまり、「他人に自分のアメブロの認証情報を教えて使わせようとした」と判断されたのでしょう。

恐らく誤解された

ですが、実はこれ、恐らく誤解されただけだと思います。

なぜかと言うと、私が教えたのはアメーバとは別のシステムのユーザーIDとパスワードだからです。

つまり、アメーバの認証情報（IDとパスワード）は、教えてはいません。

でも、警告メッセージは来ました。

何を言いたいかというと・・・、

この時は、警告だけで済んだので良かったんですが・・・、

たとえ、規約違反と判断された原因が誤解であったとしても、届いた警告文にも書かれている通り、

通知なく削除されたり強制退会になったりする可能性もあるということです。

発信手段を一つに絞るのは恐ろしい

アメブロに限らず、Instagram、Facebook、Twitter(X)などは、何れもシステムの一部を借りて使わせてもらっているだけなので、そのシステム全体と多くのユーザーを守るために、かなり厳しい規約があることが多いです。

そして、意図のある無しに関わらず、その規約に違反してしまうと、突然、アカウントが凍結されたり削除されたりする可能性があります。

発信手段を（これらのシステムの一部を間借りしているだけのメディア）一つに絞るのは、ある日突然手詰まりになってしまう可能性のある、本当に恐ろしいことだと思います。

なので、もしアカウントのどれかが無効になっても、手詰まりになってしまうようなことにはならないよう備えておくべきだ！と、強く思います。

例えば、WordPressでブログを作っておくとか、メルマガの読者を増やしておくとか、複数のSNSで繋がっておくとか。

気をつけたいものです。

アメブロのPINGの送信先設定に何を設定すればいいか？

Wed, 13 Apr 2022 00:00:47 +0000

アメブロの管理画面に「PINGの送信先設定(https://blog.ameba.jp/ucs/ping/srvpingupdateinput.do)」というページがあります。

PINGというのは、ブログの更新情報をブログランキングサイトなどに伝えて記事の拡散を図る仕組みの一つです。

アメブロの場合、記事更新時などに、この「PINGの送信先設定」に設定した送信先へ、自動的に更新したことを伝える仕組みになっています。

参考 » アメブロのPINGの送信タイミングを実際に調べてみた

では、この「PINGの送信先設定」にはいったい何を設定すればいいのか？

検討してみました。

PING送信の目的を明確にする

まず、PING送信の目的を明確にしたいと思いますが、これに関しては特に論じるまでもなく、唯一の目的はアクセスを増やすことだと思います。

そのために、

検索サイトへの登録を促す
ブログランキングサイトなどに新着記事として紹介してもらう

などを期待してPINGの送信設定をするはずです。

そして、おそらく多くの利用者は、検索サイトへの登録を促す方を重視したいと思っていると思います。

しかし、少なくとも検索サイトへの登録を促すような効果はほぼ期待できません。

もちろんゼロではないかもしれません。

ですが経験上、Google Search Consoleで直接「URL検査→インデックス登録をリクエスト」という手続きをするほうが格段に効果が高いと自信を持って言えます。

というわけで、PING送信の目的は「ブログランキングサイトなどに新着記事として紹介してもらう」に絞られるということになりそうです。

ちなみに、アメブロで候補として表示されるBlogPeopleは、既にサービス終了済みです。

もう一つの候補として表示されるGoo BLOGも、Goo BLOGにアップされた記事以外の新着情報が表示される箇所は無さそうですので、恐らく送信してもきっと意味がありません。

なぜこの２つが今も候補にあるのか、首を傾げてしまいます。

まとめ

以上、PINGの送信先についてご紹介しましたが、個人的な感想としては、

PINGの送信先設定は不要

だと思いますし、既に無くなってしまっている送信先を無駄にたくさん設定して、無効なネットワークトラフィックを増やすのはやめておいたほうが良いでしょう。

ただし、上記で紹介したようなページに新着情報として表示させたいなら別ですので、その場合は、ちゃんと会員登録して送信すれば目的は達成できると思います。

アメブロのPINGの送信タイミングを実際に調べてみた

Tue, 12 Apr 2022 11:33:24 +0000

アメブロは、PINGの送信に対応しています。

「PING」とは何か？と言うと、Wikipediaによると、

[ブログにおいて、(中略)サーバーに更新と変更内容を伝えるためのメカニズムである。](https://ja.wikipedia.org/wiki/Ping_(%E3%83%96%E3%83%AD%E3%82%B0))

のように書いてあります。

つまり、ブログの更新情報を受け取って拡散する機能を持ったコンピューター（サーバー）に対して「更新しました！」という情報を送信し、記事を拡散させてもらいアクセスを増やそうという仕組みです。

うまく働いてくれればとても便利でありがたい機能ですが、アクセスを増やそうと頑張るばかりに大量に送信したりすると、スパムと判定されて逆効果になってしまうことがあるとも言われていますので注意が必要でしょう。

例えば、実際には更新していないのに更新したかのようにPINGの送信だけをするのは良くないようです。

では、アメブロでは、どんなタイミングでPINGの送信が行われるのか？

ちょっと気になったので、少し実験してみました。

PINGの送信の確認方法

アメブロは「PINGの送信先設定(https://blog.ameba.jp/ucs/ping/srvpingupdateinput.do)」というページで、PINGの送信先のサーバーを設定することができます。

今回、ここに自前で準備したテスト用のPINGサーバー(PINGの仕組みで更新情報を受信する機能を持ったコンピューター)を設定して、どんなタイミングでPINGの送信が行われているのか？を調べてみました。

なお、実験の際の記事更新は、パソコン版のアメブロの記事エディタを使っていますので、もしかすると、スマホやメールでの投稿の場合は動作が異なる可能性もあります（たぶん同じだとは思いますが）。

期待するPINGの送信タイミング

まず、実験前に予想、というか、期待したPINGの送信タイミングは以下のとおりでした。

新規記事を投稿・公開した時に送信される
記事修正時は内容を変更して保存した時のみ送信される
予約投稿は記事が公開されるタイミングで送信される
下書き保存した時は送信されない

もしこれが全部満たされていれば、更新通知のツールの動作として、とてもよくできていると思います。

実際のPINGの送信タイミング

では、実際はどうだったかというと、実験してみた結果、PINGの送信タイミングは以下のとおりでした。

新規記事を投稿・公開した時に送信される→OK!
記事修正時は内容に変更がなくても保存すれば送信される
予約投稿は記事を保存するタイミングと公開後しばらくしてから送信される
下書き保存しただけで送信される<

期待していたものとはかなり違いました。

原則「記事を保存したタイミングでPINGの送信が行われる」と考えて良さそうです。

それ以外では「予約投稿の記事が公開されてしばらくするとPINGの送信が行われる」ようです。

試行回数が多くはないため「しばらく」が何分なのか？までハッキリとは言えませんが、実験した範囲では公開されて数分～10分くらいで送信されていました。

まとめ

以上のように、アメブロのPINGの送信タイミングは、残念ながら期待していたものとはかなり違うものであることがわかりました。

特に「下書き保存しただけで送信される」のは良くないように思います。

例えば「少し書いて下書き保存」を繰り返したら、場合によってはPINGの送信のやり過ぎでスパム(迷惑行為)と判定されてしまうのでは？と思ってしまいます。

記事修正時の内容チェックまでは望み過ぎかもしれませんが、できれば、

下書き保存した時は送信されない

くらいは、実現してもらえるといいのですが。

アメブロの有料プラン「広告を外すコース」(月額1027円)の解約方法

Tue, 12 Apr 2022 02:00:34 +0000

2024年2月13日に有料プランの変更があり、「広告をはずすコース」を解約すると、二度と申し込むことはできなくなり、広告を消すには「Amebaブログビジネスプラン(月額1,490円)」への申し込みが必要になりました。

アメブロの有料プラン「広告を外すコース」のやめ方をご紹介します。

「広告を外すコース」とは、アメブロを無料で使っているとたくさん表示される広告の多く(残念ながら全てではありません)を、月額1,027円を支払うことで非表示にできるサービスです。

大きな広告に邪魔されずにデザインに凝りたい人や、仕事用のブログなどで「ライバルや同業他社の広告が出るのは困る」「広告から外部へ意図せずアクセスが逃げてしまったりするのは困る」という人は、ぜひ申し込んでおくべきサービスです。

ですが、「申し込んではみたものの、あまり効果が実感できない」とか「もう必要なくなった」ということもあると思います。

そのような場合は解約することもできますので、ここではそのアメブロの有料プラン「広告を外すコース」解約の手順をご紹介したいと思います。

(パソコンでの手順なのでスマートフォンの場合は手順が異なります。ご了承下さい。)

アメブロの「広告をはずすコース」の解約方法

ホームで「Amebaプレミアム」をクリック

まず、Amebaの「ホーム」画面を開きましょう。

Amebaホームの、ページ右上の方にある小さな「設定▼」というリンクをクリックします。

すると、各種設定関連ページへのリンクがまとめられたメニューが表示されますので、その中の「Amebaプレミアム」をクリックしてください。

Amebaプレミアム画面で「解約お手続き」

すると、「Amebaプレミアム」というページが表示されます。

このページ内の、「広告をはずすコース」の枠内に「解約お手続き」というボタンがありますので、こちらをクリックしましょう。

(もし、このボタンが「お申し込み」になっている場合は「広告を外すコース」を契約していないと思われます)

広告をはずすコース画面で「解約する」

すると、「広告をはずすコース」というページに変わります。

ここでは、「利用規約に同意する」にチェックマークを入れてから「解約する」ボタンをクリックしてください。

広告をはずすコースの解約完了

ページが変わり、「解約完了」が表示されればOKです。

特に確認もなく、これで解約手続きは完了します。

広告はいつから表示されますか？

なお、実は、アメブロ「広告を外すコース」を解約してもすぐには広告が表示されるようにはなりません。

実際には解約した月の末日いっぱいまで広告は消えたままで、翌月1日になった時点から広告が表示されるようになります。

まとめ

以上、アメブロの「広告をはずすコース」の解約方法についてご紹介しました。

なお、広告がないことを前提にアメブロをカスタマイズしてあると、広告が表示された瞬間にデザインが大きく崩れる可能性がありますので、そのようなことが無いよう事前にチェックしておくことをお勧めします。

よかったら参考になさって下さい。

アメブロの広告の消し方

Tue, 12 Apr 2022 01:50:05 +0000

2024年2月13日に有料プランの変更があり、この記事の「広告をはずすコース」は新たに申し込むことはできなくなり、広告を消すには「Amebaブログビジネスプラン(月額1,490円)」への申し込みが必要になりました。

アメブロは無料サービスですので原則として広告表示が義務になっていますが、広告を消せないわけではありません。

もちろん、パソコン向けの画面はCSSなどを駆使して消すこともできますが、残念ながら、そのような方法で広告を消すのは規約違反のため危険です。

規約違反をせずにアメブロの広告を消すには、アメーバプレミアムという有料サービスの一つ「広告をはずすコース」に申し込む必要があります。

月額制で１ヶ月あたり税込1,027円なので、安くはないですが、大きな広告に邪魔されずにデザインに凝りたい場合や、仕事ブログなどでライバルの広告が出てせっかくの新規顧客獲得のチャンスを逃してしまうのを避けたい場合など、検討の価値はあると思います。

というわけで、当記事では、アメーバプレミアムの「広告をはずすコース」に申し込んでアメブロの広告を消す手順をご紹介します。

アメブロの「広告をはずすコース」に申し込んで広告を消す手順

Amebaホームで「Amebaプレミアム」をクリック

まず、Ameba「ホーム」画面で、ページの右上の方にある小さな「設定▼」というリンクをクリックします。

すると各種設定ページへのリンクがまとめられたメニューが表示されますので、その中の「Amebaプレミアム」をクリックして下さい。

（管理トップの左サイドメニューの一番下にある「Amebaプレミアム」ボタンでも同じです）

Amebaプレミアム画面で「広告をはずすコース」に新規お申し込み

「Amebaプレミアム」の画面が表示されたら、「広告をはずすコース」の枠内にある「新規お申し込み」というボタンをクリックします。

間違えて上の「画像容量アップコース」に申し込まないようご注意ください。「画像容量アップコース」では広告は消えません。

支払方法の選択

次は、料金の支払方法を選択します。

支払い方法は（2022/04/21時点で）「クレジットカード払い」「Yahoo!ウォレット払い」のどちらかを選ぶことができます。

ここでは「クレジットカード払い」を選んだ場合について説明します。

ということで、「クレジットカード」をチェックした状態で「次へ」ボタンをクリックします。

カード情報の入力と利用規約に同意

次はカード情報の入力です。

「クレジットカード番号」「カード名義人」「カード有効期限」「セキュリティコード」を入力し、下の方にある「利用規約に同意する」をチェックして、「申し込む」ボタンをクリックしてください。

申し込み完了

これで申し込みが完了しました。

「Amebaプレミアムトップへ戻る」というリンクをクリックすると、手順の最初のページに戻ります。

なお、もし「広告をはずすコース」を解約したい場合は、ここから解約できますので覚えておくと良いと思います。

↓解約のしかたの詳細はこちら

アメブロの有料プラン「広告を外すコース」(月額1027円)の解約方法

広告はいつ消えますか？

「広告をはずすコース」に申し込むと、パソコン画面・スマホ画面ともに、自分のアメブロに表示されていた広告のほとんどがすぐに消えます。

また、申し込み途中の画面にも書いてあるので気付いた人もいると思いますが、はじめて申し込んだ人だけは初月無料です。

実際に料金が請求されるのは翌月からなので、申し込みした月だけはタダで広告を消すことができるということになります。

つまり、とりあえず申し込んでみて広告が消えた状態を確認して、もし不要でしたら、申し込み当月中に解約すれば1円も請求されません。

まとめ

以上、アメブロの「広告をはずすコース」の申し込み方法についてご紹介しました。

よろしければ参考にして下さい。

アメブロ on 島のWeb屋

アメブロの「下書きボタン」がいつでも押せるようになって欲しい

YouTube動画をアメブロに貼り付けると画面からはみ出してしまう問題への対処方法

YouTube動画をアメブロの記事の幅にピッタリ収まるように貼り付ける方法

実際に貼り付けた例

アメブロの記事に貼り付けた画像がスマホ版ブラウザで見たときに勝手に拡大され表示が崩れてしまう問題への対処方法

どのように表示が崩れるのか？

囲み枠に入れない場合

囲み枠に入れた場合

表示が崩れる原因と対策は？

大きな画像は使えないのか？

アメブロのフォロー＆フォロワーが状態によってお互いどのように見えるのか？

相手のフォロー受付が「全て承認する」の場合

相手のフォロー受付が「選択する」の場合

フォロー申請した直後

フォロー申請が却下（削除）された場合

フォロー申請が承認されると

相手のフォロー受付が「すべて拒否する」の場合

承認済みのフォローが削除されると

フォローを削除した場合

アメブロのリブログ機能を理解して有効に使おう

リブログしてもらう側

記事下に「リブログする」ボタンと「リブログ一覧」リンク

リブログしてくれた人の記事が表示される

リブログは拒否できる

迷惑リブログ対策

リブログする側

リブログで貼り付けられる内容

まとめ

アメブロの運営から警告が来たときの話_

アメブロの運営から届いた警告メッセージ

心当たりがありました

恐らく誤解された

発信手段を一つに絞るのは恐ろしい

アメブロのPINGの送信先設定に何を設定すればいいか？

PING送信の目的を明確にする

新着記事として紹介される有効なPINGの送信先

PINGOO!

人気ブログランキング

にほんブログ村

その他のPING送信先は？

まとめ

アメブロのPINGの送信タイミングを実際に調べてみた

PINGの送信の確認方法

期待するPINGの送信タイミング

実際のPINGの送信タイミング

まとめ

アメブロの有料プラン「広告を外すコース」(月額1027円)の解約方法

アメブロの「広告をはずすコース」の解約方法

ホームで「Amebaプレミアム」をクリック

Amebaプレミアム画面で「解約お手続き」

広告をはずすコース画面で「解約する」

広告をはずすコースの解約完了

広告はいつから表示されますか？

まとめ

アメブロの広告の消し方

アメブロの「広告をはずすコース」に申し込んで広告を消す手順

Amebaホームで「Amebaプレミアム」をクリック

Amebaプレミアム画面で「広告をはずすコース」に新規お申し込み

支払方法の選択

カード情報の入力と利用規約に同意

申し込み完了

広告はいつ消えますか？

まとめ