テクノロジー｜ブログまんじゅう

ブログカード風リンクを作成ツールを作ってみた

blogmanju.com — Sun, 30 Aug 2020 03:55:51 +0000

ブログカード風の外部リンクを作成するツールを開発しました。OGP情報を書き直したものを反映することができます。

OGPとは

OGPとは「Open Graph Protocol」の略で、FacebookやTwitterなどのSNSでwebサイトの記事のリンクが貼られたときに、そのページのタイトル、URL、概要、画像を表示させる仕組みのことです。

ページタイトル、Webサイトタイプ、Webページの説明、URL、サムネイル画像などを登録することができます。

SNS上での拡散のためにも設定しているWebサイトがほとんどかと思います。

ブログカードとは

ブログカードはもともと「はてなブログ」にあった機能で、過去の記事やWebサイトのURLをカード形式で表示する機能です。

「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。

はてなブログで「リンク挿入」機能を利用する際に、さまざまなWebページを、タイトルや概要がコンパクトにまとまったブログカードの形式で埋め込むことができます。
はてなブログヘルプ

はてなブログでなくても、Wordpress標準の機能、Wordpressテーマの機能、プラグインを使用するなどの方法でブログカードを実装することが可能です。基本的にHTMLとCSSを使ってカード風に表示されているため、CSSの知識がないと表示を修正することは難しいです。

リンクカードジェネレーター

CSSの知識が無くても、ブログカードを貼り付けたい、表示を直したい、という方向けに「リンクカードジェネレーター」を自作たのでご紹介します。

初期画面

ページを開くと以下のような画面が表示されます。リンクカードを作りたいページのURLを入力し「取得」ボタンをクリックします。
「取得」ボタン下の「リセット」ボタンをクリックでこの画面に戻ります。

OGP取得後の画面

リンク先ページのOGP情報を取得し、「OGP」の情報、「横長リンクカード」「縦長リンクカード」のプレビューとコードを表示します。
（※今回はYahoo速報を表示しています）

内容の修正

表示されている「OGP情報」を書き直すことでリンクカードの情報も同時に修正されます。

貼り付け方

リンクカードのプレビューと同時にリンクカードのコードが表示されているため、「結果をコピー」ボタンをクリックします。コピーしたコードをそのまま自分のWebサイトにHTMLとして貼り付けることで使用できます。

速報です

新聞・通信社が配信する、あらゆるジャンルの速報ニュースを掲載しています。

Generated by Mj

Yahoo!

まとめ

自作ツール「リンクカードジェネレーター」をご紹介しました。カード表示の修正範囲については現在はOGP情報のみですが、今後文字色やカードサイズなども修正可能なように機能追加していきます。

The post ブログカード風リンクを作成ツールを作ってみた first appeared on ブログまんじゅう.

【無効なトラフィック】アドセンス広告配信制限への対応

blogmanju.com — Tue, 25 Aug 2020 08:56:00 +0000

ある日、苦労して承認が通ったGoogleアドセンスの広告がすべて表示されなくなっていた。当ブログの実際の体験談と対応をご紹介します。

広告配信制限のあらまし

広告配信の制限は2020年07月15日に行われた。（正確には14日夜間から制限されていた模様）

7時ごろ・・・アドセンス広告が表示されていないことに気づく　
13時ごろ・・・広告配信を制限した旨のメールが届く
20時ごろ・・・無効なトラフィックの調査開始（本業の業務終了後）

広告制限を知らせるメールとは

自分のWebサイトに何らかの不具合が起きていることも疑ったが、以下のような内容のメールが届き、Googleからの広告配信制限であることが確定した。
「お客様の AdSense アカウントで無効なトラフィックが検出されました。Google ではこの事態を受け、お客様のアカウントでの広告配信を制限いたしました。」

また、アドセンスアカウントのポリシーセンターに「表示できる広告の数が制限されています。詳しくは、ポリシーセンターをご確認ください。」との注意メッセージも表示されていた。

無効なトラフィックとは

無効なトラフィックの定義

無効なトラフィックとは、広告主様の費用やサイト運営者様の収益を作為的に増やす可能性のあるクリックやインプレッションのことです。

無効なトラフィックの例

Googleの無効なトラフィックの定義を確認すると以下のような例が挙げられています。

サイト運営者が、自分のWebサイトの広告をクリックしてクリック数やインプレッション数を増やすこと
1 人以上のユーザーが繰り返しクリックして、クリック数やインプレッション数を増やすこと
サイト運営者が、自分のWebサイトの広告でのクリックを誘導すること（例: 広告をクリックするようユーザーを誘導するあらゆる言葉、大量の偶発的クリックを誘発する広告掲載など）
自動クリックツールやトラフィックソース、ロボット、その他の不正な行為を行うソフトウェア

当サイトでの無効なトラフィックは？

上記の無効なトラフィックの例を確認していく。

①クリック数やインプレッション数を増やす

自分のWebサイトのアドセンス広告をクリックすることはポリシー違反であることは知っていたので、自己クリックは気を付けていた。アドセンスの広告を初めて貼り付けたときに、なぜか表示されないなぁと調べていた時に誤って一度だけクリックしてしまったが、おそらくそれが原因ではないだろう。

②1 人以上のユーザーが繰り返しクリックする

結論としてはおそらくこれがあてはまったと考えられる。

③サイト運営者が広告のクリックを誘導する

広告をクリックするようユーザーを誘導するようなことをしてはいけないということ。これもポリシー違反であることは知っていたので、広告の上には「スポンサーリンク」の記載は確実にしていたし、SNSなどでもクリック誘導のようなことはしていない。

④自動クリックツールやトラフィックソース、ロボット、その他の不正な行為を行うソフトウェア

これは絶対に違うと言い切れる。なぜならこんなものは存在すら知らなかったから。

当サイトの無効なトラフィックの結論はアドセンス狩り？

「②1 人以上のユーザーが繰り返しクリックする」以外は該当しないため、消去法でこれと推測した。ただし、運営者自身ではないし、家族友人に頼んだということも絶対にない。

俗に「アドセンス狩り」と呼ばれ、「同一IPアドレスからクリックを何回も行い、さも運営者や知人などがクリックした」として、アカウント停止に追い込むという愉快犯がいるらしい。今回のものが「アドセンス狩り」か「本当に広告に興味があって何らかの操作ミスをしてしまった人」だったのかはわからないが、とにかく同一IPアドレスからのクリックがあったと推測して調査を進めた。

無効なトラフィックを調査する方法

調査方法

無効なトラフィックとのことなのでトラフィックを分類する方法を調べてみると以下のような手順が有効であることがわかった。

AdSense アカウントで解析対象を特定する
アナリティクスを使用してトラフィックに関するデータを表示する
収集したデータをチェックする

当サイトでの調査

「AdSense アカウントで解析対象を特定する」は本来はカスタムチャネルやURLチャネルを独自に作成しておいて、様々な角度から解析対象を特定するということのようです。そこからアナリティクスを確認し、データの「表示回数／クリック数／クリック率／訪問先ページ」に不審な点がないかを調査するとのことです。

今回は１日だけ明らかにクリック件数が多いがあったので、アナリティクスでその日のトラフィックを調査しました。
・「集客」→「すべてのトラフィック」→「参照元/メディア」を表示
・エクスプローラ画面で日付を選択、「AdSense」を選択
　「セカンダリディメンション」を「市区町村」などで表示

以上の操作で「AdSense の CTR」が明らかに異常値であるユーザは特定できた。また、以下の操作で「クライアント ID」などを特定した。

・「ユーザ」→「ユーザーエクスプローラ」を表示
・「デバイスカテゴリ」「参照元 / メディア」などが一致するユーザの「クライアント ID」などを特定

Googleへの報告

調査した結果はGoogleチームへ報告する必要があります。無効なクリックの連絡フォームを開き、フォームに必要事項を入力し送信する。
今回は、広告が制限された日（7/15）の２２時ごろに報告を上げた。

報告後の状況

経過

広告配信の制限後からの状況はこのようになった。
2020年07月15日
・7時ごろ・・・アドセンス広告が表示されていないことに気づく　
・13時ごろ・・・広告配信を制限した旨のメールが届く
・20時ごろ・・・無効なトラフィックの調査開始（本業の業務終了後）
・22時ごろ・・・Googleチームへ無効なクリックを報告

2020年07月31日
・広告配信が少しずつ再開。期待が高まる。

2020年08月05日
・広告配信がまた制限され始める。やさぐれる。

2020年08月14日
・配信制限から一ヶ月が経過。もう何も信じない。

2020年08月22日
・広告配信が少しずつ再開。騙されないぞ。

2020年08月24日
・ポリシーセンターから広告制限のメッセージが消える。完全解除٩(ˊᗜˋ*)و

結論

結果として４１日間制限されていたことになる。何も対策をしていなかったのが悪いとは言えかなり心は折られた。
また、無効なクリックの連絡フォームへ行った報告は的外れだったのか、結果として意味を為さなかったのだろうと推測している。

無効なクリックの対策の準備

アドセンス狩りも含め、無効なクリックを対策する方法は以下のようなものがあります。Webサイトを運営している方はぜひ参考にしてみてください。

自分のサイトの運営者や関係者が広告をクリックしない。
知人にも不正なクリックがあるとこのような事態になることを伝えておくことをおすすめします。
AdSense Invalid Click Protectorプラグインを導入する

まとめ

今回は、当サイトに実際におきたアドセンス広告配信が制限になった事例をもとに、報告方法や対策についてご紹介しました。同じ状況となった方の参考になれば幸いです。

The post 【無効なトラフィック】アドセンス広告配信制限への対応 first appeared on ブログまんじゅう.

Googleアナリティクスで自分の閲覧を除外するやり方（IPアドレス、プレビュー）

blogmanju.com — Sun, 23 Aug 2020 06:17:14 +0000

Googleアナリティクスの自分の閲覧とは

Googleアナリティクスは無料でブログ（Webサイト）のアクセス解析が行えるツールですが、何も設定していないとブログ運営者自身の閲覧もカウントされてしまいます。自分自身の閲覧もカウントされてしまうと、純粋なPV数が分からなくなってしまうため、自分の閲覧はカウントから除外することをおすすめします。

カウントされてしまうパターンとそれを除外するいくつか方法がありますのでご紹介していきます。

プレビューの除外

プレビューのURL

１つ目はプレビューが挙げられます。ワードプレスで記事を投稿する際に、何度かプレビューで確認をすると思います。その際には投稿時のURLではなく、プレビューであることがわかるURLになっています。

どのようなURLで起動するかは実際にプレビューを見てみるのが早いと思います。WordPressの投稿画面で当記事をプレビューで見てみると以下のようなURLで起動してきます。

[?P=数字&preview=true]と表示されています。

[?P=数字]の部分はWordPressで自動的に記事ページに割り振った固有のIDです。

[&preview=true]の部分が「このURLはプレビューである」ことを示しています。つまりこの[&preview=true]がついている場合にはアナリティクスでのカウントを除外するように設定すればよいということになります。

除外方法

Googleアナリティクス画面を開き、
[管理]-[すべてのフィルタ]をクリックします。

[フィルタを追加]をクリックします。

フィルタ情報の画面で以下の通り入力します。

[フィルタ名]：任意の名前
[フィルタの種類]：カスタムを選択
[除外]を選択
[フィルタフィールド]：リクエストURIを選択
[フィルタパターン]にプレビューURLである[&preview=true]を入力

下にスクロールして[保存]ボタンをクリックします。

以上で、WordPressプレビューをアナリティクスから除外する設定は完了です。

IPの除外

プレビュー以外にも通常の閲覧についてもカウントされてしまうため、自分のブログをよく閲覧するパソコンは除外しておいた方が良いと思います。

IPアドレスの調べ方

以下表示されているIPがいま使われているご自身のパソコンのIPアドレスです。設定によって表示されない方などは「IPアドレス調査」などで検索して調べてみてください。

IPアドレス：157.55.39.48

除外方法

基本的にはプレビューの時と同じです。

[Googleアナリティクス]から[管理]-[すべてのフィルタ]-[フィルタを追加]をクリックし、フィルタ情報の画面で以下の通り入力します。入力後[保存]ボタンをクリックします。

[フィルタ名]：任意の名前
[フィルタの種類]：定義済みを選択
[除外]を選択
[IPアドレスからのトラフィック]を選択
[等しい]を選択
[IPアドレス]欄に先ほど調べたIPアドレスを入力

以上で、特定のIPアドレスをアナリティクスから除外する設定は完了です。

Chromeアドオン

「WordPressプレビュー」「IPアドレス」の除外についてご紹介しましたがインターネット環境、状況によって「IPアドレス」は変更される場合があります。その際には除外されないことになりますので、Googleクロームのアドオンを導入することもおすすめです。

GoogleChrome（クローム）はGoogleが提供するWebブラウザです。

Google Analytics オプトアウトアドオンはGoogle Analytics の JavaScript （ga.js）と連携して Google Analytics に情報が送信されないようにするプラグインです。

導入手順

GoogleクロームでGoogle Analytics オプトアウトアドオンのページを開き、[Chromeに追加]ボタンをクリックします。

確認メッセージが表示されますので[拡張機能を追加]をクリックします。

まとめ

「WordPressプレビューの除外」「IPアドレスでの除外」「クロームプラグインでの除外」のGoogle アナリティクスによるデータ収集を無効化する方法をご紹介しました。アナリティクスでのデータ解析を行う際にできる限り正確な情報を扱うためにぜひ設定してみてください。

The post Googleアナリティクスで自分の閲覧を除外するやり方（IPアドレス、プレビュー） first appeared on ブログまんじゅう.

SEOキーワード選定用の３つの自作ツールの概要・使い方

blogmanju.com — Mon, 17 Aug 2020 10:04:05 +0000

ツール概要

SEOキーワード選定のためのツールを３点自作しました。各ツールの詳細をご紹介します。

トレンドダッシュボード

Googleトレンド表示

サジェストキーワード一括取得ツール

トレンドダッシュボード

「Googleトレンド」「Twitterトレンド」「Yahoo急上昇」「Yahooリアルタイム検索」の現在の情報を一括でまとめて表示します。

Googleトレンド表示

検索ボックスのキーワードについて、Googleトレンドの「過去７日間」「過去３０日間」「過去１２カ月」「関連トピック」「関連キーワード」を表示します。

サジェストキーワード一括取得ツール

検索ボックスのキーワードについて、Google、Yahoo、Bing、YouTube、Amazon、Wikipediaのサジェスト情報を取得します。

サジェストとは「予測変換」を意味します。 Googleなどの検索サービスでキーワードを入力した時、そのキーワードと一緒に検索される可能性が高いキーワードが自動的に表示されます。そのキーワードをサジェストキーワードといいます。

各ツール使用方法

トレンドダッシュボード

リンクについて

表示されているトレンド項目のリンクをクリックする
①トレンド項目名をクリックすると各サイト（Google、Twitterなど）を表示します。
②アイコンをクリックすると「Googleトレンド表示」機能に選択したトレンド項目をセットして表示します。
③アイコンをクリックすると、「サジェストキーワード一括取得ツール」機能に選択したトレンド項目をセットして表示します。

Googleトレンド表示

検索ボックスのキーワードについて、Googleトレンドの「過去７日間」「過去３０日間」「過去１２カ月」「関連トピック」「関連キーワード」を表示します。キーワードごとの過去の人気度がグラフ表示されます。

サジェストキーワード一括取得ツール

検索ボックスのキーワードのサジェスト情報を取得します。

対象範囲の設定

各サイト名のチェックはチェックボックスを付けたものを対象として検索を行います。

また、「ひらがな」「アルファベット」「数字」にチェックすると「検索キーワード」にプラスしてサジェスト情報を取得しに行きます。以下の画面は「Google」「ひらがな」「アルファベット」にチェックを付けて検索した画面例です。「キーワードあ」「キーワード A」などとして検索がかかります。

結果コピー機能

検索結果が表示された後、「結果をクリップボードにコピー」ボタンをクリックすると結果をコピーします。その際項目の重複は省かれます。

リンクについて

①各サイト（Google、Yahoo、Bingなど）へのリンクです。
②アイコンをクリックすると「Googleトレンド表示」機能に選択したトレンド項目をセットして表示します。
③アイコンをクリックすると、再度「サジェストキーワード一括取得ツール」機能に選択したトレンド項目をセットして表示します。

まとめ

作成したツールについてご紹介しました。個人での開発で突貫で作ったのでバグなどあるかもしれませんが使ってみていただければ幸いです。

トレンドダッシュボード
Googleトレンド表示
サジェストキーワード取得ツール

The post SEOキーワード選定用の３つの自作ツールの概要・使い方 first appeared on ブログまんじゅう.

WordPressのカテゴリーの順番を変える「Category Order and Taxonomy Terms Order」

blogmanju.com — Sun, 16 Aug 2020 10:37:37 +0000

Category Order and Taxonomy Terms Orderとは

投稿記事のカテゴリの表示順を並び替えることができるプラグインです。表示順番をドラッグ＆ドロップで自由に変更できます。今回はCategory Order and Taxonomy Terms Orderプラグインのインストール方法と設定方法をご紹介します

WordPressはデフォルトの設定だと、カテゴリーの並び替えが出来ません。ウィジェットでサイドバーにカテゴリーを表示した場合、デフォルトだと作成時間順に並んでしまいます。

インストール方法

プラグインインストールについては下記を参照してください。
（管理画面→プラグイン新規追加→Category Order and Taxonomy Terms Orderを検索→インストール→有効化）

WordPressプラグインのインストール方法WordPressプラグインのインストールを説明します。...

インストール・有効化が完了したら「設定」の項目に「Category Order and Taxonomy Terms Order」が追加されます。設定については初期状態で問題ありません。

使い方

インストール・有効化が完了したら[投稿]の項目に「Taxonomy Order」という項目が表示されます。こちらの画面でカテゴリーをドラッグ＆ドロップで自由に並び替えることができます。対象のカテゴリーに紐づいた下層のカテゴリーも同時に移動されるので、一括で並び替えが可能です。表示順を変更し、「保存する」をクリックします。

「Taxonomy Order」からの設定で、以下のように投稿画面などのカテゴリの表示順を変更することができます。

まとめ

カテゴリーの順番を変更する方法をご紹介しました。カテゴリはSEOにも得供するという話もあります。また、カテゴリーの順番をわかりやすくすることで、見に来た方が記事を探しやすくなります。カテゴリーの管理のためにプラグインを導入してみてはいかがでしょうか。

The post WordPressのカテゴリーの順番を変える「Category Order and Taxonomy Terms Order」 first appeared on ブログまんじゅう.

Twitter API利用申請・APIキー・アクセストークンの取得方法

blogmanju.com — Sat, 15 Aug 2020 11:30:21 +0000

今回は当サイトにTwitterのトレンド情報を取得するツールを作成する目的でTwitterAPIを利用しました。その際に行った申請方法などをご紹介します。

APIとは

APIとは「Application Programming Interface」の頭文字で、サービス提供者が公式に仕様を定義・管理している操作方法（インターフェース）を提供することです。Web APIでは、「Facebook」「Twitter」「YouTube」「Googleマップ」などが有名で、例えばスマートフォンアプリを作成する際に「Googleマップ」のAPIを利用して地図情報をアプリに表示する、などの使い方をします。

Twitter API

Twitter APIの利用申請

Twitter Deveroperサイトを開きます。

「Apply」ボタンをクリックします。

デベロッパーツールの利用目的を選択する画面が表示されます。[Professional]、[Hobbyist]、[Academic]、[Other]のそれぞれの選択肢の中から選びます。今回はWebツールを作成する目的なので[Hobbyist]の「Building Tools for Twitter Users」を選択しました。
選択後、「Next」ボタンをクリックします。

利用者情報入力画面が表示されます。ログインしているTwitterユーザの情報が表示されますので確認します。問題が無ければ下にスクロールします。

「住んでいる国」に「Japan」を選択します。自分の「ニックネーム」を記入し、「Next」ボタンをクリックします。

TwitterデータやAPIをどのように使用するかを英語で記載します。

In your words
In English, please describe how you plan to use Twitter data and/or APIs. The more detailed the response, the easier it is to review and approve.

「Twitterデータを分析する予定ですか？」に対して、使用する場合は「Yes」を応答します。

ツイートやTwitterユーザーの分析を含め、Twitterデータを分析する方法の説明を英語で記載します。

Are you planning to analyze Twitter data?

Please describe how you will analyze Twitter data including any analysis of Tweets or Twitter users.

「アプリはツイート、リツイート、いいね、フォロー、ダイレクトメッセージ機能を使用しますか？」に対して、使用する場合は「Yes」を応答します。

ツイート、リツイート、いいね、フォロー、ダイレクトメッセージ機能の使用について英語で記載します。

Will your app use Tweet, Retweet, like, follow, or Direct Message functionality?

Please describe your planned use of these features.

「ツイッターを表示したり、ツイッター以外のツイッターのコンテンツに関するデータを集計したりする予定はありますか？」に対して、使用する場合は「Yes」を応答します。今回は「No」を選択しました。

Do you plan to display Tweets or aggregate data about Twitter content outside of Twitter?

「製品、サービス、または分析により、Twitterのコンテンツまたは派生情報を政府機関が利用できるようになりますか？」に対して、使用する場合は「Yes」を応答します。今回は「No」を選択しました。

Will your product, service or analysis make Twitter content or derived information available to a government entity?

記載内容の確認画面が表示されます。問題なければ「Looks good!」ボタンをクリックします。

利用規約画面が表示されます。チェックして、「Submit Application」ボタンをクリックします。

[You did it]画面が表示されます。

登録確認のメールが届きますので「Comfirm your email」ボタンをクリックします。以上でTwitterAPIの申請は完了です。

APIキー・アクセストークンの取得

Twitter APIの使用には「API Key」「API sercret key」「Access token」「Access token secret」が必要です。取得方法をご紹介します。

「アプリ名（Webサイト名など）」を入力し「Get keys」ボタンをクリックします。

「API Key」「API sercret key」が表示されますので控えてください。

「Skp to dashboard]をクリックします。

鍵マークをクリックします。

「Access token」「Access token secret」が表示されますので控えてください。

以上で、完了です。

まとめ

Twitter API利用申請・APIキー・アクセストークンの取得方法をご紹介しました。今回はTwitter APIを使う練習もかねて、Googleトレンド/Twitterトレンド/YouTube急上昇/Yahooリアルタイム検索をまとめて表示するトレンドダッシュボードを作成してみました。使ってみてもらえると嬉しいです。

The post Twitter API利用申請・APIキー・アクセストークンの取得方法 first appeared on ブログまんじゅう.

WordPressの文字数をカウントする５つの方法【文字数カウントツールも作ってみた】

blogmanju.com — Wed, 12 Aug 2020 10:34:34 +0000

WordPressでブログを書いている際に何文字くらい書いたかカウントしたいことありますよね。
エディターが「Gutenberg」になってエディター上で文字数カウントができなくなり困っている方向けに、文字数カウントの５つの方法をご紹介します。

当サイトの文字数カウントツールも使ってみてください。

WordPressの文字数カウント

WoredPressの新エディタ「Gutenberg」が導入されて、記事作成画面が今までと大きく変わりました。旧エディターではエディター上で文字数カウントができていましたが、新エディタでは行えなくなりました。

旧エディターの場合

旧エディターの場合、何もしなくてもエディタ上で文字数が表示されていました。

新エディターの場合

WordPressの新エディタには文字数カウントが最初からありません。代わりに「単語」などを見る項目が追加になっているようです。文字数の表示が今後のWordPressで復活する可能性もありますが、現状はWordPress自体の機能では表示不可能なため文字数のカウント方法を検討してみました。

文字数カウント方法

クラシックエディターに戻す

Classic Editorプラグイン

新しくなって使えなくなってしまったのであれば、旧エディターに戻せば使えるということです。「Classic Editor」というプラグインを導入することで簡単に旧エディターに戻せます。

Classic Editorインストール方法

プラグインインストール方法を参照してインストールしてみてください。有効化するだけでエディターが旧エディターに戻ります。
管理画面→プラグイン新規追加→Classic Editorを検索→インストール→有効化

文字数カウントプラグインを使用する

WP Word Countプラグイン

文字数カウント用のプラグイン「WP Word Count」を導入することで簡単に投稿済みの記事の文字数が確認できます。月ごとの記事数・文字数なども確認できるのがメリットです。

WP Word Countインストール方法

「管理画面→プラグイン新規追加→WP Word Countを検索→インストール→有効化」で文字数のカウントを始めてくれます。プラグイン有効化前の記事については「Calculate」タブの「Calculate Word Counts」をクリックしをクリックすることでカウントを行ってくれます。

Google Chromeの拡張機能を使う

「かんたん文字数カウント」機能

Google Chromeを使用している方におすすめの拡張機能として「かんたん文字数カウント」機能があります。選択したテキストの文字数を数えることができる拡張機能です。

「かんたん文字数カウント」インストール

chromeウェブストアの「かんたん文字数カウント」を開き、「chromeに追加」ボタンをクリックすることでインストールできます。

「かんたん文字数カウント」使い方

拡張機能がインストールされていると右クリックメニューに「選択したテキストの文字数をカウント」が追加されます。
文字数をカウントしたい範囲を選択して、右クリック「選択したテキストの文字数をカウント」をクリックすると文字数がメッセージとして表示されます。

Webサービスを使う

文字数カウントツール

「文字数カウント」などで検索すると文字数をカウントできるWebツールがいくつも表示されてくると思います。記事をコピーして貼り付ける手間がかかりますが、文字数をカウントすることができます。

当サイトの独自ツール

当サイトでも文字数カウントツールを作成しましたので使ってみてください。

投稿一覧に文字数を表示する

WordPressの投稿一覧の列追加・削除方法でご紹介したとおり、投稿一覧に文字数を表示することも可能です。列追加を検討してみてはいかがでしょうか。

まとめ

今回は文字数をカウントする方法をご紹介しました。参考にしてみてください。

The post WordPressの文字数をカウントする５つの方法【文字数カウントツールも作ってみた】 first appeared on ブログまんじゅう.

WordPressの投稿一覧の列追加・削除方法！【更新日・文字数・URL・アイキャッチ】

blogmanju.com — Tue, 11 Aug 2020 08:45:00 +0000

WordPressの投稿一覧に初期で表示されている列をあまり使用していない方いませんか？最終更新日、文字数などを表示する方法をご紹介します。

WordPressの投稿一覧の初期表示

WordPressの投稿一覧はデフォルトで、以下のような列で項目が構成されています。「タイトル・投稿者・カテゴリー・タグ・コメント・日付」などが表示されています。

どの記事をいつリライトしたのか、文字数は何文字程度かなどが一覧でわかるように列を追加する方法をご紹介します。

投稿一覧の列を非表示にする方法

初期で表示されている項目で使わない列は非表示にしましょう。投稿一覧の[表示オプション]をクリックし、[カラム]で非表示にしたい列のチェックを外して適用ボタンを押します。

投稿一覧に列を追加する方法

function.phpを編集する

function.phpにコードを追加することでWordPress管理画面に列を追加することができます。functions.phpを直接編集したくない場合には、プラグインCode Snippetsでコードを追加しましょう。

WordPressのfunctions.phpとはWordPressテーマ内で汎用的に使われるコード（関数やショートコードなど）が記載・定義されています。

WordPress管理画面Code Snippetsを選択し、「タイトル」を入力し[コード]欄に後ほど紹介する列追加のコードを貼り付けます。

「Save Changes」ボタンをクリックします。

列を追加するコード

更新日、文字数、URL、アイキャッチを表示するコードをご紹介します。各列を追加したイメージは以下の通りです。ここでご紹介しているコードをプラグインCode Snippetsで追加しましょう。

記事の更新日を追加

最終更新日を追加します。リライトしたものとしてないものの管理が難しいですが、最終更新日が表示されていれば把握しやすいと思います。



// 投稿一覧に最終更新日の列を追加
function add_columns_last_modified( $columns ) {
    $columns[ 'modified-last' ] = '更新日' ;
  echo '';
    return $columns ;
}
add_filter( 'manage_posts_columns', 'add_columns_last_modified' ) ;
add_filter( 'manage_pages_columns', 'add_columns_last_modified' ) ;
function custom_posts_columns_last_modified( $column_name, $post_id ){
 
    if( 'modified-last' != $column_name ){
        return ;
    }
    $modified_date   = the_modified_date( 'Y年Md日' ) ;
    $modified_author = get_the_modified_author() ;
    echo $modified_date ;
}
add_action( 'manage_posts_custom_column', 'custom_posts_columns_last_modified', 11, 2 ) ;
add_action( 'manage_pages_custom_column', 'custom_posts_columns_last_modified', 11, 2 );

function sort_columns_last_modified( $columns ){
    $columns['modified-last'] = 'modified' ;
    return $columns ;
}
add_filter( 'manage_edit-post_sortable_columns', 'sort_columns_last_modified' ) ;
add_filter( 'manage_edit-page_sortable_columns', 'sort_columns_last_modified' ) ;

記事の文字数を追加

記事の文字数を表示します。WordPressが新エディタになって文字数の表示がエディタから消えました。投稿一覧での把握がしたい方は追加してみてください。



// 投稿一覧に各記事の文字数を表示
function add_columns_count_characters($text_columns) {
  $text_columns['char_count'] = '文字数';
  return $text_columns;
}
function add_custom_columns_count_characters($check_column_name, $post_id) {
  if( 'char_count' == $check_column_name ) {
    $count = mb_strlen(strip_tags(get_post_field('post_content', $post_id)));
    echo $count;
  }
}
add_filter( 'manage_posts_columns', 'add_columns_count_characters' );
add_action( 'manage_posts_custom_column', 'add_custom_columns_count_characters', 11, 2 );

記事のURLを追加

URLを追加します。URLを別の記事に貼りたいときに投稿を表示しなくても一覧からコピーできます。



// 投稿一覧にURLの列を追加
function add_custom_columns_permalink( $defaults ) {
  $defaults['permalink'] = 'URL';
  return $defaults;
}
add_filter('manage_posts_columns', 'add_custom_columns_permalink');
 
function add_custom_columns_permalink_id($column_name, $id) {
  if($column_name == 'permalink'){
    echo get_permalink();
  }
}
add_action('manage_posts_custom_column', 'add_custom_columns_permalink_id', 11, 2);

記事のアイキャッチを追加

アイキャッチを表示します。前に使ったアイキャッチを再度使いたい時などに探しやすくなります。



//投稿一覧にアイキャッチの列を追加
function add_columns_eyecatch($columns) {
    $columns['thumbnail'] = 'アイキャッチ';
    return $columns;
}
function add_columns_eyecatch_row($column_name, $post_id) {
    if ( 'thumbnail' == $column_name ) {
        $thumb = get_the_post_thumbnail($post_id, array(100,100), 'thumbnail');
        echo ( $thumb ) ? $thumb : '−';
    }
}
add_filter( 'manage_posts_columns', 'add_columns_eyecatch' );
add_action( 'manage_posts_custom_column', 'add_columns_eyecatch_row', 11, 2 );

まとめ

WordPressの投稿一覧のカラムの削除・追加方法をご紹介しました。

The post WordPressの投稿一覧の列追加・削除方法！【更新日・文字数・URL・アイキャッチ】 first appeared on ブログまんじゅう.

Amazonアソシエイトの始め方！申請方法・審査のポイント

blogmanju.com — Mon, 10 Aug 2020 11:30:34 +0000

Amazonアソシエイトとは

Amazon アソシエイト・プログラム (アフィリエイト)は世界最大級のアフィリエイト・マーケティング・プログラムです。一般的なアフィリエイト・プログラムとは、個人や企業のホームページから、ECサイト（広告主）にリンクをはり、閲覧者がそのリンクを経由して広告主のサービスや商品を購入した場合にリンク元の運営者に報酬が支払われるという広告手段です。Amazon.co.jpではこれを独自にAmazon アソシエイト・プログラムと呼んでいます。

Amazonアソシエイトの流れ

Amazonアソシエイトでは以下のような流れで始めることができます。申し込みにはAmazonアカウントが必要です。

Webサイト（ブログ）やSNSのURLを用意する
Amazon アソシエイトに申し込む
申し込んだWebサイト（ブログ）やSNSでAmazonの商品を紹介する
紹介したリンク経由で３つの適格販売が発生した段階で審査が開始される
審査に通過する

申し込み方法

Amazonアソシエイトのサイトを開き、「登録」ボタンをクリックします。

Amazonログイン画面が表示された場合はログインを行ってください。アカウントの無い場合はAmazonアカウント画面から登録を行ってください。

[アカウント作成]画面が表示されます。下にスクロールします。

表示されている住所が異なる場合は「異なる住所を選択」ボタンから修正してください。

下にスクロールすると３つの質問がありますのでチェックして「次へ」ボタンをクリックします。

このアカウントのメイン担当者はどなたですか？
米国の税務上、ご自身は米国人ですか？
法人として登録しますか？

[ウェブサイトとモバイルアプリ情報]画面が表示されます。[ウェブサイト情報の入力]に自分のブログのURLを入力し「追加」をクリックし、「次へ>>」をクリックします。

[ウェブサイトとアプリの情報入力]画面が表示されますので、各項目を入力してください。

下にスクロールすると[トラフィックと収益化]が表示されますので、各項目を入力してください。

コンピュータではないことを証明するため、画像に表示されている文字を入力します。[運営規約に同意]のチェックを入れて、「完了」ボタンをクリックします。

登録が完了すると、登録したメールアドレスに申し込みの連絡が届きます。これで、Amazonアソシエイトへの登録申請が完了です。

Amazonアソシエイトの審査

3つの適格販売が発生した段階で審査が開始

Amazon アソシエイトの審査が2020年3月から変更にされ、アカウント作成から180日以内に少なくとも3つの適格販売が必要になりました。
詳細はAmazon アソシエイト・プログラムご利用の流れを参照してください。

Webサイトへの商品リンクの貼り方

ブログへ商品リンクを貼り付ける方法は以下の通りです。

スポンサーリンク
　　Amazonアソシエイトへログインする
　　商品リンク、バナーリンクのコードを取得する。
　　リンクコードをブログの投稿記事へ張り付ける。
　　バナーリンクを貼り付けると左記のような状態になります。

申請の審査プロセス

一定の適格販売が発生すると、アソシエイト・チームが申請を確認します。審査のポイントは以下のようなものが挙げられます。基準を満たしていないと判断された場合、申請が却下されます。

審査のポイント

すべてのサイト (ウェブサイト、SNS ページ) がチェックされます。
少なくとも 10 件のオリジナルコンテンツの投稿の公開が必要です。
ウェブサイトのコンテンツは直近のもの (一般的に 60 日以内に更新されているもの) である必要があります。

不適切なサイト

性的に露骨な内容を奨励または含むサイト
暴力を奨励するまたは暴力的内容を含むサイト
誹謗中傷を奨励するまたは誹謗中傷的な内容を含むサイト
人種、性別、宗教、国籍、身体障害、性的指向もしくは年齢による差別を奨励する　または差別的慣行を用いているサイト
違法行為を奨励または実行するサイト
その他知的財産権を侵害するサイト。

審査の承認

3つの適格販売が発生し、Amazon アソシエイトの審査に承認されると以下のようなメールが届きます。

まとめ

商品リンクから３つの商品の販売が行われないと審査が始まらないように他のアフィリエイトよりも少しハードルは高いかもしれません。しかしアマゾンの商品リンクには需要があることと思います。申し込みを行う際の参考にしてみてください。

＞ブログの作り方へ戻る。

The post Amazonアソシエイトの始め方！申請方法・審査のポイント first appeared on ブログまんじゅう.

Googleアドセンスから収益を受け取るための流れ・設定方法

blogmanju.com — Sun, 09 Aug 2020 09:48:41 +0000

Googleアドセンスに承認され、Webサイトに広告を貼り付けた後、初収益を受け取るまでの流れをご紹介します。初収益受け取りまでに、今回ご紹介の手順を完了して、アカウントの準備を整えておきましょう。

Googleアドセンス申請方法や、審査ポイントは以下の記事を確認してみてください。

収益を受け取るまでの流れ

始めて収益を受け取るまでには下記のような流れで設定を行う必要があります。

収益住所確認の基準額を満たす
住所確認書類（PIN）が送付される
PINを使用して住所確認する
支払い方法（銀行口座）を登録する
デポジットの入金を確認する
支払い基準額を満たす
支払いされる

初収益を受け取るまで

収益住所確認の基準額を満たす

収益を受け取るための手続きは、収益残高が収益住所確認の基準額に達する必要があります。収益住所確認の基準額は通過ごとに定められており、日本円だと1000円が基準になります。
収益が1000円を超えるとGoogleアドセンス管理画面に住所確認のための書類を送付した旨のメッセージが表示されるようになります。

住所確認書類の送付

Googleアドセンスでの収益が住所確認の基準額に達すると、アドセンスアカウントに登録されているお支払い受取人の住所に確認書類が郵送されます。送付されてくる書類は一目でGoogleアドセンスからのものであることがわかります。間違って捨てないようにしましょう。

アカウントに登録された送付先住所に郵送されるため、お支払い先住所とお支払い受取人名に間違いがないか確認します。
書類には６桁の数字「個人識別番号（PIN）」が記載されています。

「PIN」とは「Personal Identification Number」の略で、和訳すると「個人識別番号」になります。一般的なパスワードと違いセキュリティが高いといわれ、今回の場合、住所確認書類が手元にあること、アドセンス管理画面にログインできることの２要素での認証になります。

PIN を使用した住所確認

通常 2～4 週間以内に届きます。個人識別番号（PIN）の書類が届いたらアドセンス管理画面からPIN番号を入力して住所確認を行います。

収益残高が収益住所確認の基準額に達しているとアドセンス管理画面に[タスク]として[請求先住所の確認]が表示されます。「確認」をクリックします。

書類に記載されている個人識別番号（PIN）を[PINコード入力]に入力し「送信」ボタンをクリックします。

[正しいPINです]と表示されれば住所確認は完了です。

住所確認で問題が発生した場合は、GoogleのPINに関する問題を確認してください。

支払い方法（銀行口座）を登録する

アドセンス管理画面で[お支払い] をクリックします。

[お支払い方法を追加] をクリックします。

[お支払い方法を追加] 画面で、銀行口座情報を入力します。

[メインのお支払い方法として設定] チェックがついていることを確認し、「保存」ボタンをクリックします。

[銀行口座の確認]メッセージが表示されるので、内容を確認し「OK」ボタンをクリックします。

デポジットの入金を確認する

登録した銀行口座後、３～５営業日以内にGoogleから100円未満のデポジットが入金されます。デポジット入金を確認し[お支払い]画面へ入金額を登録します。

通帳などで登録した銀行口座へデポジットが入金されたこと、入金額を確認します。

[お支払い]画面から登録した口座の「今すぐ確認」ボタンをクリックします。

[Googleからのデポジット入金の確認]画面で入金されていた金額を入力し、「確認」ボタンをクリックします。

金額が一致すると、銀行口座の確認が完了します。

初収益を受け取るまでの設定は以上で完了です。

初収益の発生

支払い基準額を満たす

収益を受け取るには、有効なアカウントの収益残高がお支払い基準額に達する必要があります。基準額に満たないお支払いは行われません。月末の時点で差引残高が支払い基準額（8000円）に達していると支払い手続きに入ります。支払い基準額は通貨ごとに決まっており、日本円だと8000円が基準です。

支払いの時期

アドセンスの支払いは月単位で行われます。1 か月を通して見積もり収益額が集計され、翌月の初めに収益額が確定すると [お支払い] ページの差引残高に反映されます。

まとめ

今回はアドセンスで初収益を受け取るまでの設定、流れをご説明しました。

＞ブログの作り方へ戻る。

The post Googleアドセンスから収益を受け取るための流れ・設定方法 first appeared on ブログまんじゅう.

テクノロジー｜ブログまんじゅう

ブログカード風リンクを作成ツールを作ってみた

OGPとは

ブログカードとは

リンクカードジェネレーター

初期画面

OGP取得後の画面

内容の修正

貼り付け方

まとめ

【無効なトラフィック】アドセンス広告配信制限への対応

広告配信制限のあらまし

広告制限を知らせるメールとは

無効なトラフィックとは

無効なトラフィックの定義

無効なトラフィックの例

当サイトでの無効なトラフィックは？

①クリック数やインプレッション数を増やす

②1 人以上のユーザーが繰り返しクリックする

③サイト運営者が広告のクリックを誘導する

④自動クリックツールやトラフィック ソース、ロボット、その他の不正な行為を行うソフトウェア

当サイトの無効なトラフィックの結論はアドセンス狩り？

無効なトラフィックを調査する方法

調査方法

当サイトでの調査

Googleへの報告

報告後の状況

経過

結論

無効なクリックの対策の準備

まとめ

Googleアナリティクスで自分の閲覧を除外するやり方（IPアドレス、プレビュー）

Googleアナリティクスの自分の閲覧とは

プレビューの除外

プレビューのURL

除外方法

IPの除外

IPアドレスの調べ方

除外方法

Chromeアドオン

導入手順

まとめ

SEOキーワード選定用の３つの自作ツールの概要・使い方

ツール概要

トレンドダッシュボード

Googleトレンド表示

サジェストキーワード一括取得ツール

各ツール使用方法

トレンドダッシュボード

リンクについて

Googleトレンド表示

サジェストキーワード一括取得ツール

対象範囲の設定

結果コピー機能

リンクについて

まとめ

WordPressのカテゴリーの順番を変える「Category Order and Taxonomy Terms Order」

Category Order and Taxonomy Terms Orderとは

インストール方法

使い方

まとめ

Twitter API利用申請・APIキー・アクセストークンの取得方法

APIとは

Twitter API

Twitter APIの利用申請

APIキー・アクセストークンの取得

まとめ

WordPressの文字数をカウントする５つの方法【文字数カウントツールも作ってみた】

WordPressの文字数カウント

旧エディターの場合

新エディターの場合

文字数カウント方法

クラシックエディターに戻す

Classic Editorプラグイン

Classic Editorインストール方法

文字数カウントプラグインを使用する

WP Word Countプラグイン

WP Word Countインストール方法

Google Chromeの拡張機能を使う

「かんたん文字数カウント」機能

④自動クリックツールやトラフィックソース、ロボット、その他の不正な行為を行うソフトウェア