ホームページ運用

Google AnalyticsでページのクリックURLを記録する 【Google タグマネージャーの組込み変数】 インターネット小話

Google AnalyticsでページのクリックURLを記録する 【Google タグマネージャーの組込み変数】

ウェブサイトのアクセス解析にGoogleアナリティクスを使っていますが、外部サイトのクリック数がありません。Googleタグマネージャーで通常ページのアクセスは計測できたものの、AMPページでうまくいきませんでした。GoogleタグマネージャーのAMPコンテナについて、レポートします。AMPページのクリックURLについてJavaScriptコードを追加して再挑戦しました。クリックURLを計測したいならタグマネージャ外部サイトのクリック数を計測したいと思いました。紹介したどのペ...
やっとLiteSpeed Cache 3.5.2がリリースされたので更新してみた 【Javascript読込みの最適化設定】 ニッチな話題

やっとLiteSpeed Cache 3.5.2がリリースされたので更新してみた 【Javascript読込みの最適化設定】

ここまでのあらすじを振り返ってみると、LiteSpeed Cache 3.5.0.1がリリースされたのが、2020年9月29日でした。その後、すぐに(2020年9月30日)JQueryの遅延読みで不具合が見つかり、LiteSpeed Cache 3.5.0.2として以前のバージョンにいったん戻されます。当初はすぐに修正される見通しでしたが、しばらく、そのままになっていました。最近ようやく動きがありましたので、メモしておきます。LiteSpeed Cacheの更新履歴を読んでみ...
Google Search Console でURL登録が一時的にできない!? 【検索エンジンのアップデート】 インターネット小話

Google Search Console でURL登録が一時的にできない!? 【検索エンジンのアップデート】

Google Search ConsoleでURL登録をしようとしたら、エラーになってしまいました。はじめて経験したので、メモしておきます。【追記:2020年12月24日】復旧しました。「ページの操作が一時的に無効になっています。」Google Search Consoleで記事が検索対象になるように、URL検査をしたところ、「インデックス登録をリクエスト」がグレーになっていました。ページの操作が一時的に無効になっています。原因は「検索のアップデートための準備」オンラインサー...
Google Search Consoleのスクリーンショットは公開してよいのか? インターネット小話

Google Search Consoleのスクリーンショットは公開してよいのか?

Google Search Consoleは、自分のサイトを登録して、検索パフォーマンスを集計するためのツールです。この集計されたデータは規約上 公開してよいものなのか、確認してみました。結論としては、サイト管理者の許可があれば大丈夫とのことです。ネットに情報をアップするときに気をつけることデータを公開してよいのかの基準には、以下のようなものがあります。著作権・知的財産権プライバシー・肖像権機密情報・秘密保持義務例えば、Google Adsenseの場合は、利用規約に「秘密保...
「国勢調査」の検索行動の推移 【締切間際の偏り具合を調べた】 ちいラボエッセイ

「国勢調査」の検索行動の推移 【締切間際の偏り具合を調べた】

先日、スマートフォンから国勢調査のインターネット回答をし、レポートしました。そのレポートのアクセス数の変化をGoogleサーチコンソールでみてみると、予想以上にたくさんの人が、締切ギリギリに行動していたことがわかりました。けっこう締切ギリギリの人も多いんですね💡検索パフォーマンスのグラフ国勢調査の書類は、9月中旬ごろに書類が郵送されてきました。10月7日までにオンライン回答をすると、訪問調査がなしになる、ということだったので、実質的に、3週間ぐらいの調査期間でした。この間の検...
[Pinterest] RSS Feedがうまく生成されていない  【WordPressのRSSを修正する】 ニッチな話題

[Pinterest] RSS Feedがうまく生成されていない 【WordPressのRSSを修正する】

Pinterestとブログの連携をしていたら、エラーに遭遇したのでメモ書きです。※未解決です。PinterestでRSSを読み込めない(泣)Pinterestにウェブサイトを認証すると、「自動公開する」という選択肢が表示されるようになります。これができると、ブログに投稿すると、自動的にアイキャッチ画像でピンが作成されます。もし、サイトのRSSフィードのURLがわからない場合は、ここで調べられます。ところが、Pinterestにフィードを登録しようとしたら、エラーが出てきました...
ウェブ集客のため(?)にPinterestに登録してみた話 【ビジネス向けアカウント】 SNS

ウェブ集客のため(?)にPinterestに登録してみた話 【ビジネス向けアカウント】

Twitterを見ていたら、「ブログのアクセスアップにPinterestが有効」という話題がありました。お店にとってPinterestは有効なのか?Pinterestについては、InstagramみたいなSNSという認識だったので、ちょっと試してみることにしました。へぇー。いろいろがんばるねぇPinterestとInstagramの違いをまとめようPinterestは写真を共有するサービスです。似たようなサービスで有名なInstagramと比較してみましょう。Pinteres...
「URLはGoogleに登録されていますが問題があります」? 【AMP動画の必須属性】 ニッチな話題

「URLはGoogleに登録されていますが問題があります」? 【AMP動画の必須属性】

Googleの検索にブログのURLを登録しようとしたら、こんなエラーに遭遇しました。動画を扱っているページだったので、動画のAMP対応をしました。「URLはGoogleに登録されていますが問題があります」とはブログ記事が出来上がって、Google Search Consoleで、URLをテストしました。インデックス登録の仕方と意味についてはこちら。すると、エラーメッセージが表示されました。URLはGoogleに登録されていますが問題がありますAMP AMPページが無効ですはい...
LiteSpeed Cacheプラグインが使えない場合があるのはなぜ?【レンタルサーバーの種類】 インターネット小話

LiteSpeed Cacheプラグインが使えない場合があるのはなぜ?【レンタルサーバーの種類】

WordPressには有料・無料、さまざまなプラグイン・テーマがあります。LiteSpeed CacheプラグインもWordPressプラグインの一つですが、使える場合とそうでない場合があるということだったので、理由を調べてみました。キャッシュ化の仕組みわたしがLiteSpeed Cacheプラグインを知ったのは、「サイトの接続スピードをあげよう」という調べ物をしていたときです。サイトスピード向上には、いろいろな方法がありますが、そのうちの一つが「キャッシャ化」です。インター...
LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】 ニッチな話題

LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは高速化】

ほとんどタイトルが全てなんですが、LiteSpeed Cacheプラグインのアップデートについてメモしておきます。プラグインのアップデート一つでこんなに変わるんですね。LiteSpeed Cacheのバージョンが3.5.0.1にアップグレードされたLiteSpeed CacheはWordPressのプラグインで、mixhostサーバーではサイトスピード向上のために利用することができます。最近(2020年9月29日)バージョンが3.4.2→から3.5にアップデートされました。そ...
[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】 #PR含む

[mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】

ブログの編集をしていたら、いきなりアクセスできなくなりました。どうもレンタルサーバの一時的なエラーで、1時間ほど待つと無事に復旧されました。はじめてのことでびっくりしましたので、その顛末を記録しておきます。Error establishing a database connectionとは?自分のサイトにアクセスしたら、こんなメッセージが表示されました(2020-09-26 17:33)。Error establishing a database connectionThis...
[Cocoon]外部ブログカードのサイトアイコンを上に移動した【CSSのposition:absolute】 ニッチな話題

[Cocoon]外部ブログカードのサイトアイコンを上に移動した【CSSのposition:absolute】

以前、funtions.phpでテンプレートを変更することで、ブログカードのデザインを変更しました。しかし、「デザインを変更するならCSS」ということで、改めて挑戦してみました。こんなふうに変えましたいつものようにビフォー・アフターをお見せします。↓こうなりました。HTML要素を変更せずにちゃんとCSSでデザインを変えられました。CSSコードはこちらポイントはblogcard-footer要素の位置をabsolute(絶対配置)にして、移動することです。親要素内に自由に配置で...
[Cocoon] 引用ブロックをすっきりさせた ニッチな話題

[Cocoon] 引用ブロックをすっきりさせた

引用ブロックのデザインをすっきりさせました。前後のデザインの比較もとはこんな感じでこうしました。引用符を枠線の外に出すことで、ちょっとすっきりしてませんか?CSSコードはこちら/** * 引用をすっきりさせた * */.entry-content blockquote:before, .entry-content blockquote:after { position: absolute; width: 0.5em; color: #a08010; background: w...
[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた ニッチな話題

[Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた

Cocoonのアイコンリストのデザインが、ラベルボックスに比べて余白が多すぎる感じがしたので、修正しました。ビフォー・アフターを比べる元のデザインがこれでちょっとラベルボックスに比べると間延びしている気がします。こんなふうにしました。ほんとはさらにリストタイトルをラベルのようにしたかったんですが、ボーダーをつけるdiv要素を変えるのは大変だったので、やめました。Cocoonのラベルボックスのいいところ記事の中のポイントが目立って、読みやすいことです。Cocoonのアイコンリス...
スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】 インターネット小話

スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】

こないだは自作の画像ファイルをクリエイティブ・コモンズ・ライセンスで公開する方法を調べました。せっかく作った図案のうち、再利用できそうなものは、ほかの方も使えるようにすると便利なはずです。しかし、ライセンス情報をHTMLで記述するのは大変です。そこで、ショートコードで省力化できないか、と考えました。それが今回のお題です。ショートコードで実現したい目標ショートコードは[cc_img url=画像のURL name=表示名]という書き方にします。つまり、こんなふうに入力したらこん...
Amazon商品紹介リンクをショートコードで入れられるようにした #PR含む

Amazon商品紹介リンクをショートコードで入れられるようにした

Cocoonには商品紹介のショートコードがあります。これまでは手動でAmazonアソシエイトツールバーでリンクを取得していたんですが、これがまぁ大変。ショートコードを利用するとISDNなどの商品コードだけで画像や商品名を表示することできることに気づきました。これまでのやり方は大変だった見出しやボタンを組み合わせて、作っていました。画像リンクやテキストリンクなどをコピーしてくるのに、かなり時間がかかります。それを、こんなふうにしました。見た目にもコンパクトだし、何よりも気軽に使...
遅延読込みでコードハイライトが機能しない【LiteSpeed  Cache】 ニッチな話題

遅延読込みでコードハイライトが機能しない【LiteSpeed Cache】

cocoonには「ソースコード設定」をしておいて「コードブロック」を挿入すると、コードをカラフルにハイライト表示する機能があります。なんか見た目にカラフルでいいですよね。cocoonでコードがハイライトしないところが何故かうまく表示されません。まずは、表示されたコードブロックを見てみてください。このように、コードブロックがあるのにjavascriptの色分けがされていません。まずはHTMLを検証してクラスを確認する検証でHTMLを見てみると、ちゃんとjavascriptのクラ...
リンクを表示するとスタンプが押されるCSSアニメーション ニッチな話題

リンクを表示するとスタンプが押されるCSSアニメーション

今回は「押すのが心地よいリンク」というのを考えてみました。それが、画面に表示すると、スタンプが押されるアニメーションです。枠の中にマウスをポイントしてみてください。 どうでしょうか? 押したくなります?HTMLコードポイントは、my-stampとstamp2というクラスです。my-stampが枠全体、stamp2が中のイラストを指しています。<figure class="wp-block-image size-large is-resized my-stamp"> 読んだよ ...
「にほんブログ村」をはじめた理由 ちいラボエッセイ

「にほんブログ村」をはじめた理由

「にほんブログ村」というサイトをご存知ですか?にほんブログ村は、ブログのランキング・交流サイトです。(参考)にほんブログ村ちいラボも登録してみたので、その理由を整理しておこうと思います。登録サービスの利用これまでは、ちいラボでは登録サービスをあまり使って来なかった気がします。振り返ってみると、何があるかな……ジモティーに登録したらSNS以外では、ジモティーぐらいかもしれません。ジモティーは、一番はじめに教室の内装を安く手に入らないかな、という下心で登録したんですが、結局取りに...
いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】 パソコン基礎知識

いらすとや だけじゃない、権利的に使いやすいイラストサイト 【PixabayやTopeconHeroes】

チラシやブログなどの資料作成では、イラストがあると伝わりやすくなります。今回は、イラストサイトについてまとめておきます。個人的オススメ度運営特徴いらすとや★★☆個人使いやすく、誰でも見たことのあるイラストpixabay★★★投稿フリーライセンスで、ダウンロードも速いTopeconHeroes★★★個人いろんなサイトがあるAC Illust★☆☆投稿ダウンロードに手間がかかるのが難点イラストくん★☆☆個人学校や地域活動で使いやすい雰囲気ストックイラストのPIXTAもちろん有料の...