さくらのブログがAMP対応になったが・・・

さくらのブログがAMP対応になった。たまたま、お知らせを見たら・・・

・AMP対応(2017年9月21日提供開始済み)
モバイルに最適化され高速に表示できるフレームワーク
■対応開始日
2017年10月26日(木)
■該当サービスのウェブサイト
・さくらのブログ
http://www.sakura.ne.jp/blog/
■補足事項
AMP対応に関するご注意
AMP非対応の広告が表示されなくなります。
また、AMP用のHTMLは、通常のブログ記事とは異なり、比較的厳密なHTML文法の遵守が要求されます。ブログの表示は可能であったとしてもAMP用のHTMLとしては十分ではない場合アラートが通達される場合があります。
これらのアラートおよびその対応に関してのサポートは行っておりませんので予めご了承ください。
広告の対応及びAMPの詳細につきましては各ベンダーサイトで情報をご確認下さい。
さくらのブログ機能拡張のお知らせ(2017年10月): お知らせ

いったい何が変わったのか?さっぱりだったので、少し調べてみた。

簡単に云えば、モバイル端末で爆速表示になると云うことらしい。但し、導入することによるデメリットも大きいようだ。詳しいことは、検索で多くの記事がヒットする。
amp対応とは

筆者のブログ (さくらのブログ) が対応したことは、お知らせのとおりであるが・・・アドセンスコードを改変したり、HTMLの厳密な検証が必要だったりと、かなりの労力を必要とすることが分かった。とりあえず、スマホで表示してみたが、問題なく表示されている。となれば、どこかに設定があるはずだ。

範囲を選択_001.jpg

設定> 詳細設定> ブログ設定 にあった。

この機能を [ON] にする勇気は、全くないのが現状である。

admin
カテゴリ:ブログサービス
2017/11/10 10:25 | コメント (0)

さくらのブログで「復元しますか?」と表示される・・・

最近、さくらのブログで新規記事を書いていると、投稿をやめた前の記事を「復元しますか?」と表示される。

範囲を選択_001.jpg

前は、ブラウザが落ちたりして散々なことがあったので、今では定番の拡張機能でバックアップをしている。しかしながら「さくらのブログ」に復元機能が導入されたとなれば不要になる。そこで、”お知らせ” を調べてみると・・・以下のようなアナウンスがあった。

2017年10月23日
平素よりさくらインターネットに格別のご愛顧を賜り、誠にありがとうございます。
弊社では、「さくらのブログ」の以下の機能拡張を2017年10月26日に実施いたします。
・自動一時保存機能
新規記事作成時、記事内容の一時的な保存を自動で行う機能

たぶん、この機能だろう。この機能が完璧なら、今導入している拡張機能は不要になる。しばらくテストをしてみて、不都合のないことが確認できたら、拡張機能は削除する予定だ。

ついでに・・・さくらのブログに要望だ。筆者としては、アクセスが多い記事を一覧で表示する機能を提供して欲しいと思っている。同一エンジンのSeesaaブログの今では、基本機能のひとつである。これを実現すると、さくらのブログは益々多くのユーザーを獲得するだろう。

admin
カテゴリ:ブログサービス
2017/11/09 17:44 | コメント (0)

【続編】「ランサムウェア」に対抗する「Windows 10 Fall Creators Update」

「ランサムウェア」に対抗する「Windows 10 Fall Creators Update」: Jkun Blog で記事にしたとおり、配信が始まっているようである。しかしながら、未だ自動では降りてこないようなので、「Windows Update」を手動で起動して強制的にインストールした。

2017-10-18_06h59_19.jpg

2017-10-18_08h29_06.jpg

かなり時間を要するので、そのへんは注意したほうがよいだろう。

さて、先の記事にあった「コントロールされたフォルダーアクセス」という機能であるが、以下の手順で設定する。

2017-10-18_09h35_17.jpg

2017-10-18_09h36_17.jpg

2017-10-18_09h36_32.jpg

2017-10-18_09h37_00.jpg

2017-10-18_10h04_44.jpg

「コントロールされたフォルダーアクセス」を ”ON” にして、「保護されているフォルダー」「アプリをコントロールされたフォルダーアクセスで許可する」をカスタマイズする。デフォルトで通常使用するフォルダは保護されているが、「Dropbox」とかの重要なフォルダーが別にあれば追加する。また、アプリが保護されたフォルダーで制限された場合は、許可するアプリとして追加する。

「Windows 10 Fall Creators Update」では、他にも様々な新機能が追加されたが、ここでは「セキュリティ」に重点を置いて解説した。

admin
カテゴリ:ブログサービス
2017/10/18 10:18 | コメント (0)

さくらのブログ (Seesaaブログ) に設置 人気の記事ブログパーツ「i2i サイト内ランキング」

さくらのブログ (Seesaaブログ) に、人気の記事ブログパーツ サイト内ランキング -スマホ完全対応の人気ランキング- | i2i 無料Webパーツ を設置してみた。

当ブログでは、右サイドバー下に設置。 (スマホはログの記録のみ)

2016-10-19_08h27_43.png

とにかく強力なカスタマイズが魅力である。広告も小さめであり目立たない。デザインの自由度が高く、表示条件の設定やログ記録条件の設定も可能。例えば、タイトル文字列の一部を削除したり置換したり、記録するURLの一部を削除したり置換したり、或いは、タイトルまたはURLの一部をキーとして非表示にすることもできる。

さくらのブログでは、スマホ表示の場合のURLは、「http://s.jkunblog.com/s/article/.........」となるが、「s.jkunblog.com/s/ → s.jkunblog.com/」とすることで、パソコン表示のURLと統合することが可能になる。また、プレビューの「s.jkunblog.com/auth/article_preview/」を非表示にしたり、ブログ名を削除したり・・・様々な自動編集が簡単に設定できる。

集計条件は、指定した日数分遡って集計したり、一定期間でリセットして集計したり、と自由度は高い。手動で更新集計して即反映させることも可能だ。

次に実際にさくらのブログに設定してみる。

デザイン> PC> コンテンツ

2016-10-19_08h52_20.png

↑ 表示タグと取得タグ (ログの記録) が分かれているので、取得タグを所謂「記事のみ」に設定する。これでトップページなどを簡単に排除できる。

デザイン> スマートフォン> コンテンツ

2016-10-19_08h55_11.png

↑ スマホの場合も、取得タグを所謂「記事のみ」に設定する。なお、筆者の場合はスマホでは人気の記事は表示していない。表示する場合は、スマホ用のデザインのカスタマイズにも対応しているので利用されたし。

とにかく、カスタマイズが強力であり、何でも自由自在に設定できるのが嬉しい。ブログにマッチしたデザインで ”人気の記事” を表示することが簡単にできる。

2016-10-20: スマホでオーバーレイ広告が表示されるので、スマホのログ記録タグは削除した。

admin
カテゴリ:ブログサービス
2016/10/19 09:27 | コメント (0)

さくらのブログで「リクエストされたページは表示できません。サーバのアクセス権限がありません。」と表示される

本日、7:40から数十分程度、さくらのブログにおいて「リクエストされたページは表示できません。サーバのアクセス権限がありません。」と表示され、ブログが表示されなくなった。

2016060907:51:08_001.png

独自ドメインに問題があるのかと考え、さくらのブログの本来のドメインで表示されるか? (NGであった) 調査したり、さくらのブログの管理画面・コントロールパネル 他で、あれこれ調べてみたりと・・・。結局のところ原因不明で、数十分後には自動復旧した。

一切の設定を変えていなかったので、ユーザー側の問題ではないと考えていたが、このような現象は さくらのブログでは初めて だったので少々困惑した次第である。

いずれにしても、しばらく放置しておけば自動復旧すると云うことだ。

admin
カテゴリ:ブログサービス
2016/06/09 08:28 | コメント (0)

特定の記事だけアドセンスを非表示にする

特定の記事だけアドセンスを非表示にする方法の覚書。

方法は簡単で、アドセンスコードを [div] で括り、記事中にスタイルシートを定義 [display:none] して非表示にするだけ。

↓ アドセンスコードを [div] で括る。

<div class='non-ads'>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- レクタングル中01 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-4276491656474968"
     data-ad-slot="0612492734"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>

↓ 括った [div] のクラス名に対して非表示になるように、記事中に以下のスタイルシートを埋め込む。

<style type="text/css">.non-ads {display:none;}</style>

当ブログ、さくらのブログでは・・・ ↓

2016052417:20:11_001.png

記事はHTMLコードが有効になるモードで投稿する必要があるので要注意。

admin
カテゴリ:ブログサービス
2016/05/24 17:24 | コメント (0)

アドセンス「ページ単位の広告」を導入してみた ~ さくらのブログ (Seesaaブログ) ~

アドセンス「ページ単位の広告」と云うものが新しく登場した。高い収益が期待されると AdSense が判断した場合のみページに広告が表示される。

広告の設定 - ページ単位の広告 : Google AdSense

これはモバイル端末のみ有効になるアドセンスで、所謂アンカー広告と呼ばれる下の方にオーバーレイ表示される広告、そしてサイト内でページ移動があった場合に全画面で表示される広告、この2つを指す。訪問者は、どちらも簡単に非表示にできると云う。なお、この広告は、従来型アドセンスの ”数” の上限に影響を与えない。

↓ アドセンスのコードを貼り付けておけば、 [on/off] は ”右側ステータスのスイッチ” で簡単に行える。

2016050606:57:46_001.png

アドセンスのコードは・・・

広告を表示するページの <head> タグ(または、<body> の最上部)に広告コードを配置します。すべてのページとサイトに同じコードが使用されます。ページ単位の広告の設定を変更した場合でもこのコードを変更する必要はありません。

とあるが、当ブログの ”さくらのブログ” では、スマホ表示のHTMLの編集はできないので、ヘッダー部に [自由形式コンテンツ] を追加して対応する。 ↓

2016050606:53:56_001.png

↓ <body> の直後と云うワケにはいかないが、特に問題はないようである。

<body>

<div id="iphone-container">

<header id="banner" class="clearfix">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-4276491656474968",
    enable_page_level_ads: true
  });
</script>

  <h1 class="blogTitle"><a href="http://s.jkunblog.com/s/">Jkun Blog</a></h1>

↓ テストはモバイル端末でしか行えない。URLの末尾に [#googleads] を追加してアクセスする。すると、以下のような画面が現れる。上の画面の説明が日本語でない場合は、右上の言語選択で日本語を選択する。ここで、とりあえずアンカー広告の確認が行える。

Screenshot_2016-05-05-19-15-06.png

↓ [モバイル全画面広告] をタップして、ハイライトされたリンクをクリックすれば・・・

Screenshot_2016-05-05-19-27-43.png

↓ 全画面広告の確認が行える。

Screenshot_2016-05-05-19-27-54.png

しばらく様子を見て、効果の程を見極めたいと思っている。

2016-5-7: レポートを見て、効果なしと判断して撤去した。”目に留まりやすい” と ”邪魔になる” とは別だと云うことだろう。

2017-6-16: 全画面広告のみ有効として様子を見ることにした。

admin
カテゴリ:ブログサービス
2016/05/05 20:34 | コメント (0)

さくらのブログ (Seesaaブログ) に「いいね!ボタン」を設置する方法

さくらのブログは、Seesaaブログをベースにしているので、Seesaaブログベースのブログシステムであれば、同様の方法で設置できる。

設置には、「いいね!ボタン - ソーシャルプラグイン」を使用する。なお、使用にはアプリIDが必要になるので、事前に取得しておく。Facebook開発者 - 開発者向けFacebook の「新しいアプリを追加」で取得できる。

2016041514:21:05_001.png

次に、いいね!ボタン - ソーシャルプラグイン で設置タグを取得する。

2016041514:01:41_001.png

ステップ 1: アプリIDと言語を選択する。
ステップ 2: コードを ”<body> タグ” の直後に配置する。
ステップ 3: コードを ”表示したい場所” に配置する。但し、コードを改変する必要がある。

<div class="fb-like" data-href="<% article.page_url %>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>

※URLの部分を、個別記事URL「<% article.page_url %>」に置き換える。

実際の設置コードは、↓ のようになる。ここでは、個別記事のときだけボタンを表示する。

<!-- 個別記事のときだけ Facebook の いいね!ボタン を設置 -->

<% if:page_name eq 'article' -%>

<div class="fb-like" data-href="<% article.page_url %>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>

<% else -%>
<% /if -%>

さくらのブログでの具体的な設置方法に関し、「ステップ 2」は [デザイン> PC> HTML] から、「ステップ 3」は [デザイン> PC> コンテンツ の ”記事” → ”コンテンツHTML編集”] から編集する。 ↓

2016041515:40:39_001.png

スマホの場合はHTML編集ができないので、自由形式コンテンツ (ボタンは ”インラインフレーム” で設置) を追加して対応することになる。

admin
カテゴリ:ブログサービス
2016/04/15 15:29 | コメント (0)

AdSenseの「関連コンテンツ機能」を導入してみた

今朝メールを確認してみると・・・「[再送] AdSense の関連コンテンツ機能でサイトを成長させましょう」と云うメールが届いていた。見てみると、アドセンスが所謂 ”関連する記事” を表示してくれると云った内容だった。 (確認したら既に同様のメールを受け取っていた。)

関連コンテンツ機能について - AdSense ヘルプ

簡単に説明すると・・・ 関連コンテンツには広告を含めることができる。広告の有無は選択できる。また、1ページあたりのアドセンスの設置個数の制限には関係がない。つまり無制限に設置できる。

ところが、 [歯車アイコン] → [設定] → [アカウント] にある [サイト管理] をクリックすると・・・ ↓ 当ブログのサブドメインは ”利用できません” となっている。トップドメインは ”準備完了” となっているが、トップレベルドメインにはコンテンツは存在しない。

2016033109:46:15_001.png

どうしたものか・・・と思いながらも設置してみたら問題なく表示された。 (※設置コードを生成して15分程度は関連コンテンツは表示されず広告のみ表示される。)

2016-4-3: アカウント内のサイトのリストを管理する - AdSense ヘルプ によれば、トップレベルドメインを指定すればサブドメインも含まれるので、問題はないようである。

パソコンでは以下のようになる。 ↓

2016033109:43:24_001.png

スマホでは以下のようになる。 ↓

Screenshot_2016-03-31-09-48-09.png

パソコン・スマホ、いずれもレスポンシブ対応で設置したので、表示エリアのサイズに応じてレイアウトは変化する。

広告を含めなければ、アドセンスと云うよりも ”関連する記事” のブログパーツと云う感じで利用できるが、当然ながら訪問者が ”広告をブロック” していると表示されない。このへんは頭に入れておいたほうがよいだろう。

admin
カテゴリ:ブログサービス
2016/03/31 10:27 | コメント (0)

さくらのブログに「FancyZoom」を導入する

さくらのブログに所謂LightBox風の「FancyZoom」を導入してみた。LightBoxは過去のHTMLタグを改変する必要があり、非常に面倒であるが、「FancyZoom」は何ら変更の必要はない。この点が導入の決め手となった。なお、対象はデスクトップレイアウトのみ。

表示例

↓ さくらのブログの画像アップローダーを使用して画像を貼り付け。HTMLタグには何ら手を加えていない。

IMG_20160101_124035.jpg

Jkun Blog_001.jpg

Jkun Blog_002.jpg

導入手順

スクリプトのダウンロードと解凍
cabel.name: FancyZoom 1.1 からスクリプト (zipファイル) をダウンロードする。ダウンロードが終わったら解凍する。

ファイルの構成を確認する
FancyZoom 1.1
  + images-global
    + zoom
  + js-global
    - FancyZoom.js
    - FancyZoomHTML.js

FancyZoom.js の44行目を修正する
↓ 表示用部品画像ファイル群のディレクトリへのパスを通す。

var zoomImagesURI   = 'http://jkunblog.com/FancyZoom 1.1/images-global/zoom/'; // Location of the zoom and shadow images

FancyZoom 1.1 ディレクトリをアップロードする
FTPソフトを使用してサーバーへアップロードする。

デザイン> PC> HTML を編集する
さくらのブログの管理画面で、HTML編集を行う。
↓ jsファイル2個のロードと<body>タグ内からの関数呼び出しを追加する。

<!--FancyZoom-->
<script src="http://jkunblog.com/FancyZoom 1.1/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="http://jkunblog.com/FancyZoom 1.1/js-global/FancyZoomHTML.js" type="text/javascript"></script>
<!--/FancyZoom-->
</head>
<body onload="setupZoom()">

以上で作業は完了。過去の画像に関しても反映されるので、大いに助かるスクリプトである。

admin
カテゴリ:ブログサービス
2016/01/14 13:45 | コメント (0)
カテゴリ
PR
最近のコメント
2017-10-25 管理人
翻訳URL Google と Bing
2017-10-25 石川通隆
翻訳URL Google と Bing
2017-10-15 管理人
人参の ”おじや”
2017-10-15 石川通隆
人参の ”おじや”
※ご質問等、管理人の返信が必要な場合は、その旨お書きください。
このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
筆者プロフィール